【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);
相关推荐
林恒smileZAZ4 小时前
Vue<前端页面版本检测>
前端·javascript·vue.js
我是Superman丶8 小时前
Element UI 表格某行突出悬浮效果
前端·javascript·vue.js
Cobyte12 小时前
3.响应式系统基础:从发布订阅模式的角度理解 Vue2 的数据响应式原理
前端·javascript·vue.js
军军君0113 小时前
Three.js基础功能学习十八:智能黑板实现实例五
前端·javascript·vue.js·3d·typescript·前端框架·threejs
禅思院13 小时前
前端架构演进:基于AST的常量模块自动化迁移实践
前端·vue.js·前端框架
许杰小刀13 小时前
FastAPI + Vue 前后端分离实战:我的项目结构“避坑指南”
前端·vue.js·fastapi
walking95713 小时前
Vue3 日历组件选型指南:五大主流方案深度解析
前端·vue.js·面试
英俊潇洒美少年13 小时前
Vue、React.lazy、React 19 异步组件核心区别
javascript·vue.js·react.js
快乐小土豆~~14 小时前
echarts柱状图的X轴label过长被重叠覆盖
前端·javascript·vue.js·echarts
儒雅的烤地瓜14 小时前
Vue | Vue3中<script setup>用法详解
vue.js·vue3·选项式api·组合式 api·setup方法·<script setup>