axios的二次封装

最新推荐文章于 2024-03-12 00:05:32 发布

公子航

最新推荐文章于 2024-03-12 00:05:32 发布

阅读量290

点赞数

文章标签： elementui vue.js postman

本文链接：https://blog.csdn.net/m0_65315526/article/details/122209438

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

  <!-- 引入axios外部链接 -->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script>
    // 1.利用axios对象的方法create，去创建一个axios实例
    const requests = axios.create({
      // 配置对象
      // 基础路径，发请求的时候，路径当中会有api
      baseURL: '/api',
      // 超时请求
      timeout: 5000
    });
    // 请求拦截器
    requests.interceptors.request.use((config) => {
      // config：配置对象，对象里面有一个属性很重要，headers请求头
      return config;
    });

    // 响应拦截器
    requests.interceptors.response.use((res) => {
      // 成功的回调函数：服务器响应数据回来以后，响应拦截器可以检测到，可以做一些事情
      return res.data
    }, (error) => {
      // 响应失败的回调函数
      return Promise.reject(new Error('fail'))
    })
  </script>