【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 小时前
Vue实现高效拖拽效果 vue-Draggable
前端·vue.js
志尊宝21 小时前
Vue3 零基础每日笔记(036):动手封装 useTitle 与 useToggle——最小的组合式函数
vue.js·#vue #前端 #前端开发·#javascript·#vue.js
专业程序开发源21 小时前
springboot旅游推荐系统82074-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·php·课程设计·旅游
晚安日记wanna21 小时前
Vue3 script setup 的四层追问答到第三层才算过关
前端·vue.js·面试
six_1 天前
RiverPlusCOM Web:不用安装的在线串口调试助手
vue.js·程序员
摸鱼仙人~1 天前
React 原理进阶:彻底理解 re-render、React.memo、useMemo 与 useCallback
前端·vue.js
Bs_MoneyMagnet1 天前
基于springboot+vue的滑雪场票务与装备租赁系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring·毕业设计·计算机毕业设计
Z小明2 天前
第 6 章 组件进阶
前端·vue.js
ID34610744202 天前
【课程设计】基于Spring Boot+Vue的游戏账号租赁系统的设计与实现-计算机毕设 附源码50345
javascript·vue.js·spring boot·python·node.js·php·课程设计
FYKJ_20102 天前
【毕设分享】基于Web的校园兼职信息发布与申请系统07059
前端·vue.js·spring boot·mysql·typescript·spark·课程设计