【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);
相关推荐
icefiresong241 小时前
如何让 Vue 组件自动清理 EventBus 监听器?告别内存泄漏!
vue.js
tjh00013 小时前
vue3+TS 手动实现表格滚动
前端·javascript·vue.js
章若楠圈外男友3 小时前
修改了Element UI中组件的样式,打包后样式丢失
前端·vue.js
86Eric4 小时前
Vue 中 使用 Mixins 解决 多页面共用相同组件的相关问题
前端·javascript·vue.js·mixins·公用组件
Jewel1055 小时前
如何配置Telegram Mini-App?
前端·vue.js·app
前端大白话6 小时前
前端必学!10 个超实用 Vue3 实战技巧大放送
前端·javascript·vue.js
BillKu6 小时前
Vue3父子组件数据同步方法
前端·javascript·vue.js
綦枫Maple7 小时前
Vue实战(08)解决 Vue 项目中路径别名 `@` 在 IDE 中报错无法识别的问题
前端·ide·vue.js
生命猿于运动7 小时前
Trae使用体验
前端·javascript·vue.js
G扇子7 小时前
Vue2与Vue3的双向数据绑定原理与实现对比
前端·vue.js