【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);
相关推荐
热爱前端的小君同学22 分钟前
长按拖拽移动的vue3组件
前端·javascript·vue.js
noravinsc44 分钟前
InforSuite AS 可以发布django和vue项目是否可行
vue.js·python·django
岁岁岁平安1 小时前
Vue3学习(组合式API——reactive()和ref()函数详解)
前端·javascript·vue.js·学习·vue3·reactive·ref
CUIYD_19891 小时前
javascript —— ! 和 !! 的区别与作用
前端·javascript·vue.js
慌糖2 小时前
vue3搭建脚手架前的前置知识
vue.js
海上彼尚5 小时前
秒删node_modules[无废话版]
vue.js·react.js
不爱吃饭爱吃菜8 小时前
uniapp微信小程序-长按按钮百度语音识别回显文字
前端·javascript·vue.js·百度·微信小程序·uni-app·语音识别
GoodStudyAndDayDayUp9 小时前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
前端 贾公子9 小时前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
LuckyLay10 小时前
Vue百日学习计划Day4-8——Gemini版
前端·vue.js·学习