标题: VUE使用MD5和base64加密 [打印本页]

---

作者: chunfeng08    时间: 2018-6-5 13:04
标题: VUE使用MD5和base64加密
在登录和注册时，数据安全是必须要考虑的，自然想到前端加密MD5和base64,以下分别介绍，如何在vue中使用加密：

#### MD5
```
NPM安装：

npm install --save js-md5

两种使用方式：

1.在需要使用的项目文件中引入：

import md5 from 'js-md5';

使用：

md5('holle')  // bcecb35d0a12baad472fbe0392bcc043


2.在main.js文件中将md5转换成vue原型：

import md5 from 'js-md5';

Vue.prototype.$md5 = md5;

在需要用到的文件中使用：
this.$md5('holle') // bcecb35d0a12baad472fbe0392bcc043

```

#### base64

1.安装

```
npm install --save js-base64
```
2.引用

```
let Base64 = require('js-base64').Base64;
```
3.使用

```
Base64.encode('dankogai');  // ZGFua29nYWk=
Base64.encode('小飼弾');    // 5bCP6aO85by+
Base64.encodeURI('小飼弾'); // 5bCP6aO85by-

Base64.decode('ZGFua29nYWk=');  // dankogai
Base64.decode('5bCP6aO85by+');  // 小飼弾
// note .decodeURI() is unnecessary since it accepts both flavors
Base64.decode('5bCP6aO85by-');  // 小飼弾
```

---

欢迎光临 (http://www.51hei.com/bbs/)

Powered by Discuz! X3.1