http.js【axios的封装,拦截器】


export default {

	install: function(Vue,axios,router) {

		axios.defaults.timeout = 5000;

		axios.defaults.headers.post['accept'] = 'application/json';
		axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

// axios.defaults.headers.common['token'] = localStorage.getItem("currentUser_token");

		axios.defaults.baseURL = 'http://192.168.4.195:9092/';
		// axios.defaults.baseURL = 'http://192.168.4.64:9092/';

		axios.interceptors.request.use(
			config => {

				if (sessionStorage.getItem("currentUser_token")) {
					config.headers.common['token'] = sessionStorage.getItem("currentUser_token");

				}
				return config;
			},
			err => {
				return Promise.reject(err);
			});


// http response 拦截器
		axios.interceptors.response.use(
			response => {
				return response;
			},
			error => {
				if (error.response) {
					switch (error.response.status) {
						case 401:
							// 401 清除token信息并跳转到登录页面
							// store.commit('users/clearUser');
							router.replace({
								path: '/',
								query: {redirect: router.currentRoute.fullPath}
							});
							break;
						case 403:
							// 403 无权限,跳转到首页
							router.replace({
								path: '/',
								query: {redirect: router.currentRoute.fullPath}
							});
							break;
					}
				}
				// console.log(JSON.stringify(error));//console : Error: Request failed with status code 402
				/*return Promise.reject(error.response.data)*/
				return Promise.reject('');
			});
		//将axios挂载到Vue原型上
		Vue.prototype.axios = axios;
		Vue.prototype.http = params => {
			return new Promise((resolve, reject) => {
				axios.post("/CallMethod", params)
					.then(response => {

						resolve(response.data);
					})
					.catch(err => {
						reject(err);
					})
			})
		};
	}
}

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值