axios 封装
- 先创建 utils 文件夹
- 创建 request.js
- 引入 axios
- 配置 基本路径和超时时间
- 配置请求拦截和响应拦截
- 在请求拦截里可以放 loading 和 token
- 在响应拦截中 可以 清除 loading 还有处理错误编码字典
- 最后把我们封装的 axios 实例 导出
先在src里边创建一个utils文件夹,然后在里边创建一个request.js,最后编写下边的代码
`import axios from "axios"; //引入axios
import { Toast } from "vant"; //引入vant loading动画
import router from "../router"; //引入路由
const instance = axios.create({
baseURL: "https://api.it120.cc/small4", //公共地址
timeout: 5000, //超时间
});
instance.interceptors.request.use(
(config) => {
Toast.loading({
message: "加载中",
duration: 0, // toast不消失
});
config.headers.Authorization = localStorage.getItem("token");
//给请求的头信息 配置一个Authorization(这个名字是根据后端给的接口文档定一般叫这个又的时候也叫token)字段是我们的token
return config;
},
(err) => {
Promise.reject(err)