axios封装/基础配置

步骤：装包 -> 封装axios实例 ->调用实例发送请求

1. 装包

npm install axios

2. 封装 axios基础配置

// axios实例封装
import axios from 'axios'
 
// 创建axios实例
const axiosInstance = axios.create({
    baseURL:'http://xxx.net',   //基地址
    timeout:5000  //超时时间
})
 
// 拦截器（看文档，无需记）
 
// axios请求拦截器
axiosInstance .interceptors.request.use(config => {
    return config
},e => Promise.reject(e))
 
// axios响应拦截器
axiosInstance .interceptors.response.use(res => res.data, e => {
    return Promise.reject(e)
})
 
export default httpInstance

3. 调用实例 发送请求

// 组件中
import request from '@/utils/http
export const getAPI = () => {
    return request({
        url:'接口',
        method:'请求类型'
    })
}

参考：

起步 | Axios 中文文档 | Axios 中文网 (axios-http.cn)