快速开发三

页面加解密传值

有时候处理复杂业务逻辑,需要在页面之间传递一些敏感信息,比如用户信息,订单信息等,但是又不想在页面之间传递明文,所以需要对传递的信息进行加密,然后在页面之间传递加密后的信息,在接收端解密后再使用.

加密

示例:

//系统
import { useRoute } from "vue-router";
//工具
import { encryptData } from "@/utils/crypt";

//初始化路由
const router = useRouter();

const encryptString = encryptData('{"id":1,"name":"张三"}');
    router.push({
      name: "RouteName",
      query: { repalceObjectString: encryptString }, // 注意：query参数建议序列化，避免对象类型问题
    });

解密

示例:

//系统
import { useRoute } from "vue-router";
//工具
import { decryptData } from "@/utils/crypt";
//初始化路由
const route = useRoute();

//解密
const replaceObject = decryptData(route.query.repalceObjectString as string);