Excel导出警告：文件格式和拓展名不匹配

原因描述：?Content-Type

????????原因：Content-Type，即内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定文件接收方将以什么形式、什么编码读取这个文件，这就是经常看到一些PHP网页点击的结果却是下载到的一个文件或一张图片的原因。?

? ? ? ? 后端设置的格式为，对应于xlsx的文件后缀名，

//设置响应头信息
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
response.setCharacterEncoding("utf-8");

? ? ? ? 而前端下载时，文件拓展名没有从headers中取，是自行设置的——xls，两者之间对不上，所以产生了上面的提示信息。

         //下载文件流
        let blobUrl = window.URL.createObjectURL(
          new Blob([res], { type: "application/msexcel;charset=utf-8" /*"application/force-download"*/ })
        );
        let a = document.createElement("a");
        a.style.display = "none";
        a.setAttribute("href", blobUrl);
        const fileName = "系统配置列表"; //以时间信息作为文件名
        a.setAttribute("download", `${fileName}.xls`);
        document.body.appendChild(a);
        a.click(); //执行下载
        window.URL.revokeObjectURL(blobUrl);
        document.body.removeChild(a);

解决方案

? ? ? ? 前端下载时，保证转换为Blob类型时的type字段值、a标签的download属性与后端的书写方式一致就行。

附：MIME TYPES表，完整版参考-Media Types (iana.org)