使用md5和base64加密(避免密码明文发送到后端)

1 篇文章 0 订阅

需要用到:
js-md5加密
js-base64转码

安装插件:

npm install --save js-md5
npm install --save js-base64
import md5 from 'js-md5'
const Base64 = requier('js-base64').Base64
/**
* 使用md5和base64加密
* @param { String } pwd 密码
* @returns String - encoded Pwd
*/
export function pwdEncode(pwd) {
   return md5(Base64.encode(pwd))
}

也可全局挂载,但是这种加密一般不会通用性非常高,个人觉得在单页面直接引入就ok了,如果需要全局引入

全局引入:
mian.js

const Base64 = require('js-base64').Base64;
import store from "./store";
import App from "./App.vue";
import router from "./router";
import md5 from 'js-md5';  //全局引入

Base64 
app.config.globalProperties.$Base64 = Base64;  // vue3 绑定实例 app.config.globalProperties来代替prototype
// Vue.prototype.$Base64 = Base64;  

app.config.globalProperties.$md5 = md5;  // vue3 绑定实例 app.config.globalProperties来代替prototype
// Vue.prototype.$md5 = md5;  

使用:

this.$md5(this.$Base64.encode('hello world'))  //5eb63bbbe01eeed093cb22bb8f5acdc3

后面在使用的时候发现js-base64 3.0以上版本不兼容IE11, ie浏览器报语法错误,直接白屏:

npm install --save js-base64@2.6.2 // 兼容IE11

然后我将版本降到 2.6.2版本就解决了

如有问题欢迎大家指出,也欢迎前端爱好者一起沟通

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值