【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;

不要忘记挂载

猜你喜欢

转载自www.cnblogs.com/YangxCNWeb/p/12604965.html