vue2:统一修改页面跳转路由上的参数的整体加密解密

在Vue2中，如果你想要统一管理页面跳转时路由参数的加密和解密，可以考虑将操作封装到一个全局的函数或者服务（如Vuex store 或者自定义工具函数）。下面是一个基本步骤：

1. 创建一个全局的工具函数，例如`encryptAndEncodeParams`用于加密并编码参数，`decodeAndDecryptParams`负责解码并解密参数。你可以选择使用一些加密库如jsencrypt，或者简单的基于某种算法（比如Base64、URL编码等）进行操作。

import JSEncrypt from 'jsencrypt';

const jse = new JSEncrypt();
// 初始化加密工具，替换为你实际使用的加密方式

function encryptAndEncodeParams(params) {
  // 对参数进行加密，然后编码
  const encryptedParams = jse.encrypt(JSON.stringify(params)).toString();
  return encryptedParams;
}

function decodeAndDecryptParams(encryptedParams) {
  // 解码并解密返回原始参数
  try {
    const decodedParams = JSON.parse(jse.decrypt(encryptedParams).原信息);
    return decodedParams;
  } catch (e) {
    console.error('解密失败:', e);
    return {};
  }
}

2. 当需要跳转路由并携带加密参数时，先调用`encryptAndEncodeParams`处理参数，然后设置到路由链接：

this.$router.push({
  name: 'yourRouteName',
  query: { params: encryptAndEncodeParams(yourData) },
});

3. 在接收路由参数的地方，先解码再解密：

export default {
  computed: {
    receivedParams() {
      const rawParams = this.$route.query.params;
      return decodeAndDecryptParams(rawParams);
    },
  },
};