javascript Url 传参的坑,base64参数和url参数之间的转移

Posted OneIsA

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Url 传参的坑,base64参数和url参数之间的转移相关的知识,希望对你有一定的参考价值。

在url传参时会对特殊字符进行转义,所以通过base64传参是需要进行处理

简单说下base64的使用

1,在项目根目录下安装

npm install --save js-base64
2,在项目文件中引入

let Base64 = require(\'js-base64\').Base64

import { Base64 } from "js-base64";

3,在项目文件中使用

Base64.encode(\'大元\') // fdsfds5f34
Base64.decode(\'fdsfds5f34\') // 大元

简单坑的点

我的解决办法

 

 

 

 urlSwitchBase64(wantData) {
      if (wantData.includes("%2B")) {
        wantData = wantData.replace(/\\+/g, "%2B");
      }
      if (wantData.includes("%20")) {
        wantData = wantData.replace(/\\ /g, "%20");
      }
      if (wantData.includes("%2F")) {
        wantData = wantData.replace(/\\//g, "%2F");
      }
      if (wantData.includes("%25")) {
        wantData = wantData.replace(/\\%/g, "%25");
      }
      if (wantData.includes("%26")) {
        wantData = wantData.replace(/\\?/g, "%26");
      }
      if (wantData.includes("&3D")) {
        wantData = wantData.replace(/\\=/g, "&3D");
      }
      if (wantData.includes("%23")) {
        wantData = wantData.replace(/\\#/g, "%23");
      }
      return wantData;
    }

参考:https://blog.csdn.net/hanzl1/article/details/79282133?utm_source=blogxgwz9

以上是关于javascript Url 传参的坑,base64参数和url参数之间的转移的主要内容,如果未能解决你的问题,请参考以下文章

微信表单提交的坑

对于url传参的心得。在java中获取数据。。

JavaScript传参的6种方式

路由传参的三种方法

传参的时候遇到特殊符号的处理

关于vue-router传参的理解