ajax得到后台传过来的参数后乱码

Posted 2023-04-17

ajax传到后台的中文不乱码，但是从后台拿到的中文在页面显示是乱码的
这个怎么解决

这个主要是编码的问题，

先和后台的同学统一代码规范，使用同一种代码格式。比如utf-8或是GBK编码。

自己本地通过编码，将乱码修改过来，但不推荐这种方式，因为后续在使用时，非常痛苦。

修改自己的编码格式。和后台同学统一。

推进第一种。因为这个团队合作的，多交流方便后续工作，也可以更顺利的开着工作。

参考技术A 在后台加两句话

request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");

vue2.x 下载后台传过来的流文件（excel）后乱码问题

1.接口返回的流和头部：

 

2.下载流文件的代码

 

方法一：是用了插件 https://github.com/kennethjiang/js-file-download

方法二：是用了 blob

不管哪种方法，记得设置  responseType  ！！！！！

 

附上代码：

//      导出订单
      exportBill:function () {

        let url_post = Vue.prototype.api.apiList.EXPORT_BILL;

        let params_post = {
          orderStartDate: this.timepickerDateFormat(this.rangeTime[0]) || this.rangeTime[0] || \'\',
          orderEndDate: this.timepickerDateFormat(this.rangeTime[1]) || this.rangeTime[1] || \'\',
          prodCode: this.prodId,
          promoteFlag: this.promotionSiteId,
          policyStatusList: this.tableBillStateCheckedData,
        };

        Vue.axios.post(url_post,params_post,{responseType: \'arraybuffer\'}).then((res) => {

          let fileName = res.headers[\'content-disposition\'].match(/fushun(\\S*)xls/)[0];

          fileDownload(res.data,fileName);  //如果用方法一 ，这里需要安装 npm install js-file-download --save ,然后引用 var fileDownload = require(\'js-file-download\')，使用详情见github;

　　　　　　// let blob = new Blob([res.data], {type: "application/vnd.ms-excel"}); 

　　　　　　// let objectUrl = URL.createObjectURL(blob); 

　　　　　　// window.location.href = objectUrl;  

　　　　}).catch(function (res) {}); },