JS实现Excel导出功能以及导出乱码问题解决详解

// 导出
export function userTable(params) {
    return request({
        url: '/users/table',
        method: 'get',
        params,
        responseType: 'blob'   // 添加 blob 解决乱码问题，或者 arraybuffer
    })
}

export const userTable = (params) => axios.get('/users/table',{params},{ responseType: 'blob' })
// 在请求的后面加一行  { responseType: 'blob' }
// 或者   { responseType: 'arraybuffer' }

  // 导出  
const getTable = async () => {
   // 请求导出接口 获取到后端返回的数据
   let list = await getTableInfo(PageInfo);  
   console.log(list)
};

// 导出完整语法  
const getTable = async () => {
   // 请求导出接口 获取到后端返回的数据
   let list = await getTableInfo(PageInfo);  
   // content = 导出返回的数据
  let content = list;  
  let data = new Blob([content], {
    type: "application/vnd.ms-excel;charset=utf-8"
  });
  let downloadUrl = window.URL.createObjectURL(data);
  let anchor = document.createElement("a");
  anchor.href = downloadUrl;
  anchor.download = "表格名称.xlsx"; // 表格名称.文件类型
  anchor.click();
  window.URL.revokeObjectURL(list);  // 消除请求接口返回的list数据
  };
};