axios使用sm2加密数据后请求参数多了双引号解决方法

axios使用sm2加密数据后请求参数多了双引号解决

背景

因项目安全要求,需对传给后端的入参加密,将请求参数加密后再传给后端

前期将axios降低到1.6.7后解决了问题,但最近axios有漏洞,安全要求对版本升级,问题需要继续解决。

果然,技术栈不解决迟早会有问题。。。

问题描述

升到稳定版本后,在浏览器网络请求参数上发现加密后的参数加上了双引号

后端的日志也能看出来多了双引号,导致后端解密失败

正常的请求参数是不带双引号的

解决过程

  1. 一开始想将content-type转为text传给后端,但是此路不通,会导致后端无法接收参数,只能传json格式

    Content-Type: application/json

  2. 那就转换思路,看axios是在什么地方将字符串添加了双引号的,于是在github上找到下面代码,解决问题
    代码段来自于别人的提交记录,亲测有效

    const instance = axios.create({
    transformRequest: function transformRequest(data, headers) {
    // doesn't apply the default transformRequest if the data is a string, so that axios doesn't add quotes see :
    // https://github.com/usebruno/bruno/issues/2043
    // https://github.com/axios/axios/issues/4034
    const hasJSONContentType = () => {
    const contentType = (headers && headers['Content-Type']) || '';
    return contentType.indexOf('application/json') > -1;
    };
    if (typeof data === 'string' && hasJSONContentType()) {
    return data;
    }

       axios.defaults.transformRequest.forEach((tr) => tr(data, headers));
     }
    

    });

相关细节可查看

https://github.com/axios/axios/issues/4034

https://github.com/usebruno/bruno/pull/2449

相关推荐
阿髙2 天前
ios的safari下载文件 文件名乱码
前端·axios·safari·下载
一雨方知深秋4 天前
智慧商城:搜索页面基于商品名称进行搜索,分类页面点击商品进行搜索。(跳转到商品列表页面,地址栏携带的参数作为请求的参数进行请求,然后动态渲染)
前端·javascript·vue.js·axios·get·query·params
一雨方知深秋8 天前
购物车案例--分模块存储数据,发送请求数据渲染,底部总计数量和价格
前端·javascript·vue.js·axios·vuex·actions·mutations
啊·贤15 天前
初级报错:循环引用
前端·javascript·vue3·axios
励碼15 天前
从一个Bug谈前端响应拦截器的应用
前端·vue·bug·axios
景天科技苑19 天前
【Vue axios】vue中如何通过axios异步请求后端接口
前端·javascript·vue.js·axios·异步请求
前端与小赵24 天前
什么是Axios,有什么特点
前端·axios
折腾的小飞1 个月前
前端通用Axios 请求拦截配置
前端·javascript·vue.js·axios·anti-design-vue
蜗牛丨1 个月前
Go Vue3 CMS管理后台(前后端分离模式)
mysql·docker·go·vue3·axios·gin·jwt·分页·跨域·ant design vue·log·gorm·otp动态码登录·validator·模型绑定·权限判断