首页 > 其他分享 >Vue 拦截器思路

Vue 拦截器思路

时间:2022-11-15 11:00:28浏览次数:76  
标签:拦截器 res message Vue error 思路 data response

// 数据响应拦截器,统一处理返回的数据逻辑
axios.interceptors.response.use(res => {
  if (res && res.status == HTTP_STATUS.SUCCESS) {
    return res.data;
  } else {
    ToastToTxt(window.rootVue, '网络异常');
  }
}, error => {
  
  let e = {
    message: '服务器未知错误'
  }
  if (error.response && error.response.data) {
    e =  {
      message: error.response.data
    }
  }
  // 授权过期
  if (e.code === 401) {
    e.message = '授权过期'
  }
  return Promise.reject(e);
})

标签:拦截器,res,message,Vue,error,思路,data,response
From: https://www.cnblogs.com/IT-IOS-MAN/p/16891674.html

相关文章

  • 【Vue3】本地没问题,部署后 public 下的某些资源 404 不能访问
    如果你本地没问题,线上访问出现404,你得看看你public下面得资源文件夹命名是不是和.gitignore下得配置文件冲突了,我就是命名为dist导致直接被忽略了,重新改了个名字后......
  • vuecli作用域插槽
    <template><divid="app"class="container"><Categorytitle="美食"><templatescope="{games}"><ul><liv-for="(g,inde......
  • vue源码分析-基础的数据代理检测
    简单回顾一下这个系列的前两节,前两节花了大量的篇幅介绍了Vue的选项合并,选项合并是Vue实例初始化的开始,Vue为开发者提供了丰富的选项配置,而每个选项都严格规定了合并的策......
  • vue源码分析-挂载流程和模板编译
    前面几节我们从newVue创建实例开始,介绍了创建实例时执行初始化流程中的重要两步,配置选项的资源合并,以及响应式系统的核心思想,数据代理。在合并章节,我们对Vue丰富的选项......
  • vue源码分析-响应式系统工作原理
    上一章,我们讲到了Vue初始化做的一些操作,那么我们这一章来讲一个Vue核心概念响应式系统。我们先来看一下官方对深入响应式系统的解释:当你把一个普通的JavaScript对象传......
  • vue中的ajax
    vue中的ajaxvue脚手架配置代理方法一​ 在vue.config.js中添加如下配置:devServer:{proxy:"http://localhost:5000"}说明:优点:配置简单,请求资源时直接发给前端(80......
  • Vuex 数据持久化(vuex-persistedstate)
    使用conststore=newVuex.Store({modules:{user:{},},getters,actions,//异步mutations,//同步plugins:[createPersistedState({......
  • vue cli 下载 node_modules
    cd至项目文件根目录npminstall用npm安装有可能会到导致关联失败解决方案yarninstall安装yarnyarn安装第三方库比npm会快一些npminstallyarn-g如果M......
  • Vue 子组件调用父组件方法[不参数版]
    子组件<template><div><button@click="childEvent()">点击调父组件方法</button></div></template><script>exportdefault{methods:{......
  • Vue 子组件调用父组件方法[含参数版]
    子组件<template><div><button@click="childEvent(_obj)">点击调父组件方法</button></div></template><script>exportdefault{methods:{......