vue配置 axios封装拦截器 token请求头

import axios from 'axios';import Vue from 'vue';const serve = axios.create({baseUrl:'/api',timeout:5000})serve.defaults.headers.post['Content-Type']='application/json';serve.interceptors.request.use(f

qq614756883

555人浏览 · 2020-12-24 19:19:31

qq614756883 · 2020-12-24 19:19:31 发布

import axios from 'axios';
import Vue from 'vue';

const serve = axios.create({
	baseUrl:'/api',
	timeout:5000
})
serve.defaults.headers.post['Content-Type']='application/json';
serve.interceptors.request.use(function (config) {
	var token = sessionStorage.getItem('setMuToken')
	if(token){
		config.headers['token']= token;  
        return config;
	}else{
		console.log('token为空')
	}
}, 
error => {
    return Promise.reject(error);
});
serve.interceptors.response.use(response => {
	return response.data;
}, 
error => {
	return Promise.reject(error)
	// if(error.status==404){
	// 	console.log('请求超时')
	// }
})

export default serve;

mian.js
配置

//引入注册
import http from './components/server/index';
Vue.prototype.$http=http;

页面使用

            subAddRole(){
                 const self = this;
                 this.addRoleState=true
                     self.$http({
                        method:'post',
                        url:'/api/admin/addPerms',
                        data:{
                            permsName:self.addMenu.permsName,
                            permsSign:self.addMenu.permsSign,
                            url:self.addMenu.url,
                            icon:self.addMenu.icon,
                            parentId:self.addMenu.parentId,
                            type:1
                        }
                    }).then(res=>{console.log(res)}