美文网首页
axios拦截器

axios拦截器

作者: 今年27 | 来源:发表于2021-10-18 10:40 被阅读0次

    axios拦截器主要有两种作用
    1.对请求进行拦截
    2.对响应进行来接

    import axios from 'axios'
    
    export function request(config) {
      // 1.创建axios的实例
      const instance = axios.create({
        baseURL: 'http://123.207.32.32:8000',
        timeout: 5000
      })
    
      // 2.axios的拦截器
      // 2.1.请求拦截的作用
      instance.interceptors.request.use(config => {
        return config
      }, err => {
        // console.log(err);
      })
    
      // 2.2.响应拦截
      instance.interceptors.response.use(res => {
        return res.data
      }, err => {
        console.log(err);
      })
    
      // 3.发送真正的网络请求
      return instance(config)
    }
    

    相关文章

      网友评论

          本文标题:axios拦截器

          本文链接:https://www.haomeiwen.com/subject/uuagoltx.html