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)
          })

    • 
      
      
    
    
  
  

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)
          })

    •