黑马程序员技术交流社区

标题: 【郑州校区】前端笔记Vue项目 第4天 7 [打印本页]

---

作者: 我是楠楠    时间: 2020-3-30 14:20
标题: 【郑州校区】前端笔记Vue项目 第4天 7

【郑州校区】前端笔记Vue项目 第4天 7

axios 全局配置

[AppleScript] 纯文本查看 复制代码

#  配置公共的请求头 

axios.defaults.baseURL = 'https://api.example.com';

#  配置 超时时间

axios.defaults.timeout = 2500;

#  配置公共的请求头

axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

# 配置公共的 post 的 Content-Type

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

axios 拦截器


请求拦截器


请求拦截器的作用是在请求发送前进行一些操作


例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易


响应拦截器


响应拦截器的作用是在接收到响应后进行一些操作


例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页

[AppleScript] 纯文本查看 复制代码

# 1. 请求拦截器 

    axios.interceptors.request.use(function(config) {

      console.log(config.url)

      # 1.1  任何请求都会经过这一步   在发送请求之前做些什么   

      config.headers.mytoken = 'nihao';

      # 1.2  这里一定要return   否则配置不成功  

      return config;

    }, function(err){

       #1.3 对请求错误做点什么    

      console.log(err)

    })

    #2. 响应拦截器 

    axios.interceptors.response.use(function(res) {

      #2.1  在接收响应做些什么  

      var data = res.data;

      return data;

    }, function(err){

      #2.2 对响应错误做点什么  

      console.log(err)

    })

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2