Vue中使用base64和JSEncrypt对其明文进行加密处理

1、最近项目中要求对其明文传输进行加密处理，在此，整理了一下，这里使用的是base64和jsencrypt对其明文传输进行加密处理，如下在request.js对其所有请求进行加密处理：

import axios from 'axios'
import { Notification, MessageBox, Message } from 'element-ui'
import store from '@/store'
import { getToken } from '@/utils/auth'
import errorCode from '@/utils/errorCode'
import base from '@/utils/base64' 
import { encrypt } from '@/utils/jsencrypt'
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 创建axios实例
const service = axios.create({
	// axios中请求配置有baseURL选项，表示请求URL公共部分
	baseURL: process.env.VUE_APP_BASE_API,
	// 超时
	timeout: 90000,
})

// request拦截器
service.interceptors.request.use(config => {
	// 是否需要设置 token
	const isToken = (config.headers || {}).isToken === false
	if (getToken() && !isToken) {
		config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
	}
	// get请求映射params参数
	if (config.method === 'get' && config.params) {
		let encryptData;
		encryptData = config.params
		encryptData = JSON.stringify(config.params)
		// config.params = encryptData
		// console.log(config.params,'get加密')
		encryptData = encrypt(encryptData)
		encryptData = encodeURIComponent(encryptData)
		//let url = config.url + '?'
		let url = config.url + '?'+'encryptData='+encryptData;
		config.params = {};
		config.url = url;
	}
	if ((config.method === 'post' || config.method === 'put') && config.data){
		config.data = JSON.stringify(config.data)
		// console.log(config.data,'之前数据1111111')
		let base1 = new base();
		config.data = base1.encode(config.data)
		// console.log(config.data,'加密数据1111111')
	}
	return config
}, error => {
	console.log(error)
	Promise.reject(error)
})

// 响应拦截器
service.interceptors.response.use(res => {
	// 未设置状态码则默认成功状态
	const code = res.data.code || 200;
	// 获取错误信息
	const msg = errorCode[code] || res.data.msg || errorCode['default']
	if (code === 401) {
		MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
			confirmButtonText: '重新登录',
			cancelButtonText: '取消',
			type: 'warning'
		}
		).then(() => {
			store.dispatch('LogOut').then(() => {
				// location.href = '/index';
				location.href = this.$router.options.base+'/index';//部署
			})
		})
	} else if (code === 500) {
		Message({
			message: msg,
			type: 'error'
		})
		return Promise.reject(new Error(msg))
	} else if (code !== 200) {
		Notification.error({
			title: msg
		})
		return Promise.reject('error')
	} else {
		return res.data
	}
},
	error => {
		console.log('err' + error)
		let { message } = error;
		if (message == "Network Error") {
			message = "后端接口连接异常";
		}
		else if (message.includes("timeout")) {
			message = "系统接口请求超时";
		}
		else if (message.includes("Request failed with status code")) {
			message = "系统接口" + message.substr(message.length - 3) + "异常";
		}
		Message({
			message: message,
			type: 'error',
			duration: 5 * 1000
		})
		return Promise.reject(error)
	}
)

export default service