【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);
相关推荐
hhcccchh13 分钟前
学习vue第十三天 Vue3组件深入指南:组件的艺术与科学
javascript·vue.js·学习
zhengxianyi51527 分钟前
ruoyi-vue-pro本地环境搭建(超级详细,带异常处理)
前端·vue.js·前后端分离·ruoyi-vue-pro
绝美焦栖1 小时前
低版本pdfjs升级
前端·javascript·vue.js
卤蛋fg61 小时前
vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法(教程一)
vue.js
xkxnq1 小时前
第二阶段:Vue 组件化开发(第 26天)
前端·javascript·vue.js
小救星小杜、1 小时前
el-form 表格校验 开始和结束时间,时间选择范围
javascript·vue.js·elementui
菜鸟很沉2 小时前
Vue 3 组件双向绑定完全指南:update:modelValue 与 defineModel
前端·javascript·vue.js
Rrvive2 小时前
Vue3向全局广播数据变化
javascript·vue.js
梦6503 小时前
Vue3 计算属性 (computed) 与监听属性 (watch)
前端·javascript·vue.js
六月June June3 小时前
leaflet L.popup().setContent中挂载vue组件
前端·javascript·vue.js