流浪のwolf

卷帝

导航

统一携带 token

tokne 可以使用 vuex 和 本地存储处理 ;

一些接口需要携带token为了避免代码的重复性,可以在请求拦截器统一加入token ,每次请求都会携带token参数,不需要token参数的接口也不会受到影响,因为服务器只会监测自己所需要的参数 ;

// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    console.log(config, "======请求拦截器=========");
    // config 就是接口相关配置 eg headers data等
    // 如果有token就把tokne加入请求参数
    const { user } = store.state;
    // console.log(user);
    if (user && user.token) {
      //   console.log(111);
      config.headers.Authorization = `Bearer ${user.token}`;
    }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

posted on 2022-10-11 10:58  流浪のwolf  阅读(202)  评论(0编辑  收藏  举报