在 vue-cli 项目中关于请求参数加密和响应数据解密，添加请求头信息方法的总结

最新推荐文章于 2024-07-06 21:00:00 发布

itBellah

最新推荐文章于 2024-07-06 21:00:00 发布

阅读量3.2k

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/candyhzhou/article/details/104917480

版权

本文总结了在Vue CLI项目中如何使用Base64进行加密解密，并介绍如何添加请求头信息，包括利用axios的拦截器设置全局请求头，以及处理未登录时的页面跳转拦截。

摘要由CSDN通过智能技术生成

基于 Base64 的加密解密

安装依赖

npm install --save js-base64

在 main.js 中引入

let Base64 = require("js-base64").Base64;

使用
在 main.js 中通过把方法挂载到 vue 原型对象 prototype 上，其中参数以对象的形式进行传输，加密两次，解密一次。

// 加密
Vue.prototype.$encryption = function (ainfo) {
   
    let data = Base64.encode(JSON.stringify(ainfo));
    data = Base64.encode(data);
    return data;
}

// 解密
Vue.prototype.$decryption = function (aresdata) {
   
    var resData = Base64.decode(aresdata);
    try {
   
        resData = JSON.parse(resData);
    } catch (e) {