【Vue -- 1/100】axios拦截器-token的使用-登录验证
1- 登录时将服务器返回的token保存在sessionStorage中
window.sessionStorage.setItem('token', res.data.token)
2- 配置axios拦截器
import axios from 'axios'
// 配置请求根路径
axios.defaults.baseURL= 'http://127.0.0.1:8888/api/private/v1/'
// 通过axios请求拦截器添加token,保证拥有获取数据的权限
// axios 请求拦截
axios.interceptors.request.use(config => {
// Do something before request is sent
// 为请求头对象,添加token验证的Authorization 字段
config.headers.Authorization = window.sessionStorage.getItem('token')
return config;
},error => {
// Do something with request error
return Promise.reject(error);
});
Vue.prototype.$http = axios;
不要忘记挂载