欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue使用axios拦截器和main.js使用element提示框

程序员文章站 2022-06-07 11:07:01
...

背景:

后台项目用到axios拦截器。当token过期等直接跳出当前页面。


// 响应拦截处理
axios.interceptors.response.use(res => {
  switch (res.data.code) {
      case -1:
          ElementUI.Message({
              message: res.data.message,
              type: 'error'
          });
          return Promise.reject(res.data.message);
          break;
      // 返回-2,清除用户信息并跳转到登录页面
      case -2:
          ElementUI.Message({
              message: res.data.message,
              type: 'error'
          });
          router.replace({
              path: '/'
          })
          break;
  }
  return res;
});

 在main.js使用提示框

 在main.js里面不能使用return this.$message.error(“提示”)

ElementUI.Message({
            message: "这是一条提示",
            type: 'error'
 });