vue配置加密_前端数据加密与解密 vue NPM 篇

base64加密

install

cnpm install js-base64 –save-dev

封装

import { Base64 } from 'js-base64'

// 加盐

let salting = 'admin-authority'

// 加密

const encryptString = (name) => {

return Base64.encode(name + salting)

}

// 解密

const decodeString = (name) => {

let decodeName = Base64.decode(name) || ''

if (decodeName && decodeName.split && decodeName.split(salting) && decodeName.split(salting)[0]) {

return decodeName.split(salting)[0]

} else {

return ''

}

}

export { encryptString, decodeString }

挂载

import { encryptString, decodeString } from '@/utils/encrypt'

Vue.prototype.encryptString = encryptString

Vue.prototype.decodeString = decodeString

应用

let str = '我是待加密的数据'

let enc = this.encryptString(str)

console.log(enc) // 5oiR5piv5b6F5Yqg5a+G55qE5pWw5o2uYWRtaW4tYXV0aG9yaXR5

let dec = this.decodeString(enc)

console.log(dec) // 我是待加密的数据

---------------------