本文共 1335 字，大约阅读时间需要 4 分钟。

安装加解密插件crypto-js

新建一个js(encryption.js)用来放置加密解密的方法

import CryptoJS from 'crypto-js';//DES加密export const encryptBy = (message) => {    var key = '12345678';    function encryptByDES (message, key) {      var keyHex = CryptoJS.enc.Utf8.parse(key)      var option = {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7}      var encrypted = CryptoJS.DES.encrypt(message, keyHex, option)      return encrypted.ciphertext.toString()    }    return encryptByDES(message, key);}//DES解密export const decryptBy = (message) => {    var key = '12345678';    //DES  ECB模式解密    function decryptByDES(message,key){    var keyHex = CryptoJS.enc.Utf8.parse(key);    var decrypted = CryptoJS.DES.decrypt({    ciphertext: CryptoJS.enc.Hex.parse(message)    }, keyHex, {    mode: CryptoJS.mode.ECB,    padding: CryptoJS.pad.Pkcs7    });    var result_value = decrypted.toString(CryptoJS.enc.Utf8);    return result_value;    }    return decryptByDES(message, key);}

在页面中使用

• 在vue页面中引用

引入js

import {encryptBy,decryptBy} from '@/view/api/encryption';

加密解密

console.log(encryptBy('123456'));//加密 console.log(decryptBy('103e702e0737327c'));//解密

直接在请求接口里加密

import {encryptBy,decryptBy} from './function.js';export function login (data) {  return request({  url: '/api/login?username=' + data.username + '&password=' + encryptBy(data.password)  method: 'post'  })}

转载地址：http://ncesi.baihongyu.com/