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

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

安装插件：

npm install --save js-md5
1

npm install --save js-base64
1

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))
}
1
2
3
4
5
6
7
8
9
10

也可全局挂载，但是这种加密一般不会通用性非常高，个人觉得在单页面直接引入就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;  
1
2
3
4
5
6
7
8
9
10
11
12

使用：

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

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

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

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

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