axios 添加拦截器,请求参数加密

 

 

1. 新建request.js文件

import axios from 'axios'
import qs from 'qs';
import md5 from 'js-md5'
import * as Base64 from 'js-base64'

function encrypt(params) {
    let encoded = Base64.encode(JSON.stringify(params))   //字符串转义,加密
    let md5Str = md5(md5(encoded) + '!@#$%^&')         //和后台约定好的签名
    return { encoded, md5Str }
}
// axios sql加密
axios.interceptors.request.use((config) => {
    let rs = ''
//传递的参数都进行加密
    if (config.data) {
        rs = encrypt(config.data)   
        config.data = rs.encoded
    } else if (config.params) {
        rs = encrypt(config.params)
        config.params = { param: rs.encoded }
    }      
//表头添加签名牌,后台拿到后按照统一的规则机密后验证是否一致,一致进行下一步                                        
    config.headers.signature = rs.md5Str
    return config
}, (error) => {
    return Promise.reject(error)
})

 

2在main.js中引入拦截器文件 import '@/utils/request.js'