vue 环境配置及axios拦截器简单配置

main.js

// 开发环境
if (process.env.NODE_ENV === 'development') {
  Vue.prototype.siteUrl = ""
}
// 生产环境
if (process.env.NODE_ENV === 'production') {
  Vue.prototype.siteUrl = ""

}


axios.interceptors.request.use(
  config => {
    if (localStorage.getItem('token')) {
      // 判断是否存在token，如果存在的话，则每个http header都加上token
      config.headers.token = `${localStorage.getItem('token')}`;
    }
    return config;
  },
  err => {
    return Promise.reject(err);
  });

// http响应成功设置
axios.interceptors.response.use(res => {
  // 在接收响应做些什么，例如跳转到登录页
  if (res.data.code == "2002") {
    router.replace({
      name: "login"
    });

  }
  return res;
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error);
});