import axios from "axios";
const ConfigBaseURL = "/api"; //定义默认请求路径
//创建一个实例
const Service = axios.create({
baseURL: ConfigBaseURL, // 所有请求的公共地址部分
timeout: 7000, // 请求超时时间 这里的意思是当请求时间超过5秒还未取得结果时 提示用户请求超时
});
//3. 给POST请求添加请求头设置(不同项目,值不一样)
Service.defaults.headers.post["Content-Type"] =
"application/json;charset=UTF-8";
// 添加请求拦截器
Service.interceptors.request.use(
function (config) {
// 在发送请求之前做些什么
console.log("请求拦截了");
//带token
// config.headers["token"] = store.getters.token;
return config;
},
function (error) {
// 对请求错误做些什么
return Promise.reject(error);
}
);
// 添加响应拦截器
Service.interceptors.response.use(
function (response) {
// 2xx 范围内的状态码都会触发该函数。
// 对响应数据做点什么
console.log("响应拦截了");
return response;
},
function (error) {
// 超出 2xx 范围的状态码都会触发该函数。
// 对响应错误做点什么
return Promise.reject(error);
}
);
关于axios的简易封装
最新推荐文章于 2024-05-18 15:09:49 发布