vue 签名校验 md5 uuid

import CryptoJS from 'crypto-js'
import uuid from '@/utils/uuid'
import { SECRET_KEY } from '@/utils/config'

// 签名校验
const nonceStr = uuid.uuid()
const timestamp = new Date().getTime()
// const sign = CryptoJS.MD5('nonceStr=' + nonceStr + '&secretKey=' + SECRET_KEY + '&timestamp=' + timestamp).toString(CryptoJS.enc.Hex).toUpperCase()
const sign = CryptoJS.MD5('nonceStr=' + nonceStr + '&secretKey=' + SECRET_KEY + '&timestamp=' + timestamp).toString().toUpperCase()

// 发送请求
axios.post('http://localhost:xxx', {nonceStr,timestamp,sign
}).then(res => {console.log(res.data)
}).catch(() => {this.$alert('本地授权客户端连接失败', '提示', { type: 'error' })
})

uuid.js

/*** 生成UUID*/
export default {uuid() {const s = []const hexDigits = '0123456789abcdef'for (let i = 0; i < 36; i++) {s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)}s[14] = '4' // bits 12-15 of the time_hi_and_version field to 0010s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1) // bits 6-7 of the clock_seq_hi_and_reserved to 01s[8] = s[13] = s[18] = s[23] = '-'return s.join('').replaceAll('-', '')}
}

config.js

/*** @description: 加密配置信息*/
// 签名校验
export const SECRET_KEY = 'xxx32bitxxx'

注：npm install crypto-js

axios.post 改为同步请求

          // 签名校验const nonceStr = uuid.uuid()const timestamp = new Date().getTime()const sign = CryptoJS.MD5('nonceStr=' + nonceStr + '&secretKey=' + SECRET_KEY + '&timestamp=' + timestamp).toString().toUpperCase()// 发送请求this.loading = trueconst resp = await axios.post('http://localhost:xxx', {nonceStr,timestamp,sign}).catch(() => {this.$alert('本地授权客户端连接失败', '提示', { type: 'error' })})this.loading = false// 请求结果异常if (!resp) {return}// 请求结果处理const res = resp.dataif (res.code !== 200) {this.$message.error(res.msg)return}