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 天前
OpenSSL加解密原理及使用方法详解
ssl·加解密·openssl
学海无涯,行者无疆8 天前
前端 Axios 深度封装实战:拦截器 + 文件处理 + 业务接口统一管理
axios·前后端交互·axios使用·axios实战·axios封装·axios详解·axios用法
Java程序员-小白21 天前
Sa-Token过滤器引发的CORS误判问题
vue.js·elementui·axios·cors
stella·22 天前
后端二进制文件,现代前端如何下载
前端·ajax·状态模式·axios·request·buffer·download
Irene19911 个月前
fetch 和 axios 对比总结
axios·fetch
孜孜不倦不忘初心1 个月前
Axios 常用配置及使用
前端·axios
搬砖的阿wei1 个月前
JavaScript 请求数据的四种方法:Ajax、jQuery 、Fetch和 Axios
javascript·ajax·axios·jquery
未来之窗软件服务1 个月前
幽冥大陆(六十六) PHP8.x SSL 文字解密—东方仙盟古法结界
ssl·加解密·仙盟创梦ide·东方仙盟
未来之窗软件服务1 个月前
幽冥大陆(六十五) PHP6.x SSL 文字解密—东方仙盟古法结界
网络·数据库·ssl·加解密·仙盟创梦ide·东方仙盟
未来之窗软件服务1 个月前
幽冥大陆(六十四) PHP7.0 SSL 文字解密—东方仙盟筑基期
php·ssl·加解密·仙盟创梦ide·东方仙盟