【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);
相关推荐
Jave210824 分钟前
Vue 中 mixins 混合开发的主要使用场景有哪些?
前端·vue.js
JEECG低代码平台1 小时前
JeecgBoot低代码平台 Ant Design Vue 4.x 升级避坑指南
前端·vue.js·低代码
北寻北爱1 小时前
面试题-vue篇
前端·vue.js
new code Boy3 小时前
Vue2转Vue3速查表
前端·javascript·vue.js
Lee川6 小时前
从“DOM 操作”到“数据驱动”:Vue 如何重塑前端开发思维
前端·vue.js
sibylyue6 小时前
Typescritpt、ES6
前端·javascript·vue.js
sxq6 小时前
Flow Render: 像调用异步函数一样渲染 UI 组件
vue.js·react.js
小小程序员mono6 小时前
JS 与 Vue Router 导航方式对比
开发语言·javascript·vue.js
李剑一7 小时前
解决 Cesium 网络卡顿!5 分钟加载天地图,内网也能流畅用,附完整代码
前端·vue.js·cesium
肉肉不吃 肉7 小时前
Vue Router 路由模式
前端·javascript·vue.js