vue 页面跳转传参加密

在 Vue 中，可以使用路由来进行页面跳转和传参。如果需要对传递的参数进行加密，可以使用加密算法，如 MD5 或 SHA1 等。具体实现步骤如下：

1. 安装加密库，如 crypto-js。

2. 在页面 A 中，将需要传递的参数进行加密处理。

import CryptoJS from 'crypto-js'

let param = {
  name: 'Tom',
  age: 18
}
let secretKey = '123456'
let str = JSON.stringify(param)
let ciphertext = CryptoJS.AES.encrypt(str, secretKey).toString()
this.$router.push({
  path: '/pageB',
  query: {
    data: encodeURIComponent(ciphertext)
  }
})

3. 在页面 B 中，将参数解密。

import CryptoJS from 'crypto-js'

let secretKey = '123456'
let ciphertext = this.$route.query.data
let bytes = CryptoJS.AES.decrypt(ciphertext, secretKey)
let data = JSON.parse(bytes.toString(CryptoJS.enc.Utf8))
console.log(data.name, data.age)

在这个例子中，我们使用了 AES 加密算法和 encodeURIComponent 函数（用于将加密后的字符串编码为 URL 安全的格式）。需要注意的是，加密和解密的密钥必须一致，否则无法成功解密。