vue项目之请求拦截器(接口响应时默认给所有接口加上某些参数)

vue项目之请求拦截器(接口响应时默认给所有接口加上某些参数)

一、在axios.js中的请求拦截器里面添加如下代码

vue项目之请求拦截器(接口响应时默认给所有接口加上某些参数)_第1张图片

post请求:

vue项目之请求拦截器(接口响应时默认给所有接口加上某些参数)_第2张图片

get请求:
vue项目之请求拦截器(接口响应时默认给所有接口加上某些参数)_第3张图片

添加如下代码:
vue项目之请求拦截器(接口响应时默认给所有接口加上某些参数)_第4张图片

if(config.data != undefined) {
			if(config.method == 'post') {
				console.log('post')
				console.log(sessionStorage.getItem('machineIp'))
				if(config.data.indexOf('machineId') !=-1) {
					let shu = config.data.split("&");
					console.log(shu)
					shu.forEach(element => {
						if(element.indexOf("machineId") !=-1) {
						let number = element.substr(10)
						console.log('machineId'+ number)
						// var timestamp = md5(
						// 	'machineId' + '=' + number + 
						// 	stamp 
						// + 'hzmoko')
						// console.log(timestamp)
						console.log(element)
						config.data = config.data +'&source=zzj' +'&IP=' + sessionStorage.getItem('machineIp')  
						}
					})
				} else {
					
					console.log( config.data  +'&source=zzj' +'&IP=' + sessionStorage.getItem('machineIp'))
					config.data = config.data  +'&source=zzj' +'&IP=' + sessionStorage.getItem('machineIp')
				}
			  }
		} else {
			config.data = 'source=zzj' +'&IP=' + sessionStorage.getItem('machineIp')
		}
		

		return Promise.resolve(config);
	},
	error => {
    console.log(error)
		// 请求失败做的一些处理
		return Promise.reject(error)
	}

备注:根据需求修改上面的代码

你可能感兴趣的:(请求拦截器,vue.js)