详解API接口如何安全的传输数据( 三 ) _API

配置：
let Consts = {Secret: {key: 'aaaabbbbccccdddd', // 必须16位（前后端要一致，密钥）urls: ['/users/save']}}export default Consts这里的urls表示对那些请求进行拦截出来（加解密），这里也可以配置 "*" 表示对所有的请求出来。
axios请求前和响应后对数据进行加解密出来：
发送请求前：
axios.interceptors.request.use((config) => {let uri = config.urlif (uri.includes('?')) {uri = uri.substring(0, uri.indexOf('?'))}if (window.cfg.enableSecret === '1' && config.data && (Consts.Secret.urls.indexOf('*') > -1 || Consts.Secret.urls.indexOf(uri) > -1)) {let data = https://www.isolves.com/it/cxkf/bk/2023-08-28/config.datalet secretText = Utils.Secret.encrypt(data)config.data = secretText}return config}, (error) => {let errorMessage = '请求失败'store.dispatch(types.G_SHOW_ALERT, {title: '请求失败', content: errorMessage, showDetail: false, detailContent: String(error)})return Promise.reject(error)})axios.interceptors.response.use((response) => {let uri = response.config.urlif (uri.includes('?')) {uri = uri.substring(0, uri.indexOf('?'))}if (window.cfg.enableSecret === '1' && response.data && (Consts.Secret.urls.indexOf('*') > -1 || Consts.Secret.urls.indexOf(uri) > -1)) {let data = Utils.Secret.decrypt(response.data)if (data) {response.data = data}}return response}, (error) => {console.error(`test interceptors.response is in, ${error}`)return Promise.reject(error)})这里的 window.cfg.enableSecret 配置是我自己项目中有个配置文件配置是否开启，这个大家可以根据自己的环境来实现。
测试：