web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程

当前位置: 建站教程 > vuejs >

vue-axios interceptors(拦截器)方法介绍

201 ℃

下面web建站教程为大家介绍一下vue-axios interceptors(拦截器)方法介绍

1、安装

npm i axios

2、引入

import axios from 'axios';

3、interceptors代码

//headers加参数
axios.interceptors.request.use(config => {
  config.headers.common["Authorization"] = token
  return config;
});
//响应拦截器即异常处理
axios.interceptors.response.use((response, config) => {
  //请求成功
  if (response && response.data.code == 10000 || response.data.code == 1) {
      return response
  } else {
      Message.warning({ message: response.data.message });
      return Promise.reject(response);
  }
  //请求失败
}, err => {
  if (err && err.response) {
    switch (err.response.status) {
      case 401:
        Message({
            type: "error",
            message: err.response.data.Message
        });
        window.location.href = '/login'
        break;
      default:
       Message({
           type: "error",
           message: err.response.data.Message
       });
    }
  } else {
      Message({
          type: "error",
          message: '服务器出错,请联系管理员!'
      });
  }
  return Promise.resolve(err.response)
});

vuejs单元测试运行npm run unit报错解决方法

vuejs实现部分页面跳转后禁止返回到前一个页面

vuejs前进刷新,后退缓存功能介绍

vuejs项目兼容ie浏览器

上面是“vue-axios interceptors(拦截器)方法介绍”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2168.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Vuejs打包后部署到子目录下路径问题解决方法

1、修改config => index.js => build => assetsPublicPath,修改代码入戏:

build: {
	assetsPublicPath: '../../'
}

2、在build => util.js 里找到ExtractTextPlugin.extract增加一行:publicPath: '../../',主要解决背景图片路径的问题。修改代码入戏:

return ExtractTextPlugin.extract({
	use: loaders,
	fallback: 'vue-style-loader',
	publicPath: '../../'
})

3、找到路由文件src/router/index.js,修改代码入戏:

const router = new VueRouter({
    mode: "history",
    base: "wap", //修改自己的名称
    routes
});
点击阅读全文
上一篇:el-select的几个点击事件方法介绍
下一篇:el-table鼠标经过显示图标,移出隐藏