Vue vue專案中使用AES加密

2021-09-29 21:46:29 字數 2119 閱讀 6208

引入aes加密模組

應用舉個慄

乙個小問題

在專案中新建乙個檔案 aes.js

可以新建在 src\utils\aes.js(檔名隨意,目錄盡量方便找到)

aes.js

import cryptojs from

'crypto-js/crypto-js'

/* * 預設的 key iv 如果在加密解密的時候沒有傳入key和iv,就會使用這裡定義的

* * 前後端互動時需要前後端金鑰和初始向量保持一致

*/const

key= cryptojs.enc.utf8.

parse

("1234567890abcdef");

// 金鑰 長度必須為16位

const

iv= cryptojs.enc.utf8.

parse

("123456");

// 初始向量 長度隨意

/* * aes加密 :字串 key iv 返回base64

*/export

function

encrypt

(str, keystr, ivstr)

let srcs = cryptojs.enc.utf8.

parse

(str)

;var encrypt = cryptojs.

aes.

encrypt

(srcs, key,);

return cryptojs.enc.base64.

stringify

(encrypt.ciphertext);}

/* * aes 解密 :字串 key iv 返回base64

*/export

function

decrypt

(str, keystr, ivstr)

let base64 = cryptojs.enc.base64.

parse

(str)

;let src = cryptojs.enc.base64.

stringify

(base64)

;var decrypt = cryptojs.

aes.

decrypt

(src, key,);

var decryptedstr = decrypt.

tostring

(cryptojs.enc.utf8)

;return decryptedstr.

tostring()

;}

在需要使用aes加密解密的方法的vue元件中引入aes加密解密模組

import

from

"@/utils/aes.js"

;

使用aes加密解密的方法

let a =

"hello world!"

; console.

log(a)

;// encrypt 加密

a =encrypt

(a);

console.

log(a)

;// decrypt 解密

a =decrypt

(a);

console.

log(a)

;

axios(,

transformrequest:

[function

(data)],

headers:

, datatype:

"json"})

.then

(res =>).

catch

(function

(error)

);

key長度必須是16位,iv長度任意

key長度不是16位時,可以進行加密,但是解密出來的值為空。

專案中使用ibatis方法

通過daomanagerbuilder載入dao.xml檔案獲取daomanager物件 dao.xml 配置如下 sql map config 配置如下 匯入database.properties檔案 設定資料庫連線屬性 匯入每乙個資料庫實體檔案 檔案指定實體類和資料表對應關係 account.x...

在專案中使用ExtJS

今天extjs官網發布了extjs最新正式版4.2.1。extjs為開發者在開發富客戶的b s應用中提供豐富的ui元件,具有統一的主題,便於快速開發,提高效率。但顯然它並不適合互聯 的開發。builds 壓縮後的extjs 體積更小,更快 docs 開發文件 examples 官方演示示例 loca...

在專案中使用springmvc

springmvc是spring框架的乙個模組,springmvc和spring無需通過中間整個層進行整合,它是乙個基於mvc的web框架。springmvc是基於方法開發的,struts2是基於類開發的。springmvc將url和controller方法對映,對映成功後springmvc生成乙個...