vue2项目中全局封装axios_vue2封装接口到全局

封装axios

第一步

1.src 目录中新建utils文件夹
2.utils文件中建立http.js文件
1
2

http.js文件的内容

//第一步导入axios
import axios from 'axios'
import {
    Toast } from 'vant';
//第二步 我们可以声明一个新的常量axios 我们可以配置一些基础 公共的路径配置   比如说baseURL timeout请求失败超时报错 withcookies...之类的东西
const service = axios.create({
   
    baseURL: process.env.VUE_APP_BASE_URL//如果配置了环境变量就可以直接写/api,
    withCredentials: true,
    timeout: 3000//请求超时
})
1
2
3
4
5
6
7
8
9
10
11

//第三步 设置请求拦截
//新的常量axios service.拦截器.请求.使用===》 里头有两个
1