vue、请求拦截器

后端要求每个请求都在headers里加上用户token,这时候就可以用到拦截器了
效果图:
在这里插入图片描述
代码:

	axios.interceptors.request.use(config => {
//    console.log('请求拦截器:');
//    console.log(config)
//		插入的位置				我用本地储存存放获取到的用户token
      config.headers.token = JSON.parse(localStorage.getItem('token')).token;
      return config
    })
    // 响应拦截器
    axios.interceptors.response.use((res) => {
      console.log('响应拦截器:');
      if (res.headers.token) {
        var token = res.headers.token
//      console.log(token)
        window.localStorage.setItem('user_token', token)
      }
      return res
    })
发布了9 篇原创文章 · 获赞 10 · 访问量 117

猜你喜欢

转载自blog.csdn.net/weixin_45936690/article/details/103918350