vue项目中封装axios

最新推荐文章于 2024-05-20 14:04:24 发布

LIDOMI_0

最新推荐文章于 2024-05-20 14:04:24 发布

阅读量933

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_75201975/article/details/129556197

版权

vue项目中axios的封装，第一层，二层封装。

摘要由CSDN通过智能技术生成

一，第一层封装

1.首先在src文件夹下创建一个文件夹，这里创建为api文件夹，其次api文件夹下创建一个js文件，这里起名为index.js，用于第一次封装axios

2.在创建好的js文件下引入axios。

// 引入axios
import axios from 'axios'

3.为axios设置基础路径以及超时时间。

// axios第一次封装 
const api = axios.create({
    baseURL: '',      // 设置基本路径
    timeout: 5000     // 设置超时时间
})

4.设置拦截（axios官网可以查看:axios官网）

在请求时可以进行拦截，执行一些操作。（这里引入了element-ui组件库 loading）

let loading=null // 将loading设置为全局  请求与响应一起使用
// 添加请求拦截器
api.interceptors.request.use(function (config) {

    let token=localStorage.get

关注