【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);
相关推荐
初遇你时动了情21 分钟前
react module.scss 避免全局冲突类似vue中scoped
vue.js·react.js·scss
烂蜻蜓1 小时前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html
bin91532 小时前
DeepSeek 助力 Vue 开发:打造丝滑的二维码生成(QR Code)
前端·javascript·vue.js·ecmascript·deepseek
浪九天6 小时前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
尚学教辅学习资料7 小时前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游
IT、木易7 小时前
跟着AI学vue第五章
前端·javascript·vue.js
薛定谔的猫-菜鸟程序员7 小时前
Vue 2全屏滚动动画实战:结合fullpage-vue与animate.css打造炫酷H5页面
前端·css·vue.js
春天姐姐8 小时前
vue3项目开发总结
前端·vue.js·git
烂蜻蜓11 小时前
前端已死?什么是前端
开发语言·前端·javascript·vue.js·uni-app
谢尔登12 小时前
Vue 和 React 的异同点
前端·vue.js·react.js