【axios get请求 中文乱码】

问题复现

前端请求:

company/queryFenByOrgNo?orgNo=5&qcNam=%D2%BB%C6%DA

qcNam = 一期

后端接收:

CompanyManagementController - 入参 orgNo="5",qcNam=һ��

问题解决方案

js 复制代码
 let httpUrl = this.http+'company/queryFenByOrgNo';

            const params = new URLSearchParams();
            params.append('qcNam', encodeURIComponent(qcNam));
            params.append('orgNo', orgNo);
            axios.get(httpUrl,{ params })
                .then(function (response) {
                    console.log("列表查询出参=",response.data);
                    that.options = response.data;

                })
                .catch(function (error) {

                });

使用如下代码转义后再请求,后端接收就没问题了

js 复制代码
const params = new URLSearchParams();
            params.append('qcNam', encodeURIComponent(qcNam));
            params.append('orgNo', orgNo);
相关推荐
佩淇呢32 分钟前
uniapp vue3 梯形选项卡组件
前端·vue.js·uni-app
徊忆羽菲2 小时前
学习使用在windows系统上安装vue前端框架以及环境配置图文教程
vue.js·学习·前端框架
赵广陆5 小时前
SprinBoot+Vue门诊管理系统的设计与实现
前端·javascript·vue.js·spring boot·maven
计算机学姐7 小时前
基于微信小程序的食堂点餐预约管理系统
java·vue.js·spring boot·mysql·微信小程序·小程序·mybatis
J总裁的小芒果8 小时前
vue3-print打印eletable某一行的数据
javascript·vue.js·elementui
大大。9 小时前
el-input 只能输入数字和一个小数点,或者只能输入正整数
前端·javascript·vue.js
SaxoZhao11 小时前
Vue 中阻止点击事件穿透
前端·javascript·vue.js
用你的胜利博我一笑吧11 小时前
vue3+ts+supermap iclient3d for cesium功能集合
前端·javascript·vue.js·3d·cesium·supermap
代码搬运媛18 小时前
el-table 如何实现行列转置?
javascript·vue.js·elementui