axios拦截器

最新推荐文章于 2024-04-26 18:12:57 发布

瓜田里快乐的猹

最新推荐文章于 2024-04-26 18:12:57 发布

阅读量364

点赞数

分类专栏： vue技术文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/qq_66349348/article/details/127735741

版权

vue技术专栏收录该内容

8 篇文章 0 订阅

订阅专栏

 
   axios (request拦截器)  对请求做一些过滤处理 可以修改config里面的data或者token
      axios.interceptors.request.use(function(config){
         if(config.url='/register'){
          config.data='{a:1234}'
          config.headers.Authorzation='1234567'
         }
         return config
      },
      (err)=&gt;{
        return Promise.reject(err)
      })

      axios (response拦截器)   对响应做一些处理 可以集中拦截处理错误 反馈错误信息 不用单独一个个的处理错误 
       axios.interceptors.request.use(function(response){
        let status=response.data.statusCode
        if(status!==200){
          let errMsg=response.data.errMsg
          //弹出错误提示
          new Tips(errMsg)
        }
       })

     axios全局默认配置 
    全局默认设置是指给axios添加一些默认设置 如baseURL等 后面发送请求时 所有请求都会带上这些设置 
    例如添加token:   axios.defaults.headers.common['Authorization'] = `Bearer ${store.get(tokenName)}`;
    添加全局默认地址: axios.defaults.baseURL = BASEURL;