axios封装请求
axios封装常见操作
axios请求时的常见或者说是常用的操作,需要对常规的axios封装做出改变根据不同条件写出不同的效果
axios的二次封装
//我们在做axios封装时,我们引入axios
import axios from 'axios'
//请求拦截器和响应式拦截器就是直接axios.跟上拦截器
axios.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;},function (error) {// 对请求错误做些什么return Promise.reject(error);}
);
// 添加响应拦截器
axios.interceptors.response.use(function (response) {// 2xx 范围内的状态码都会触发该函数。// 对响应数据做点什么const { data } = response;return data;},function (error) {// 超出 2xx 范围的状态码都会触发该函数。// 对响应错误做点什么return Promise.reject(error);}
);
//二次封装是因为项目业务根据不同的功能模块划分为不同的 url 前缀等等,
//我们就可以根据功能模块配置不同的 axios 配置。
import axios from "axios";
const http = axios.create({baseURL: process.env.VUE_APP_BASE_URL,
});
// 添加请求拦截器
http.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config