步骤:装包 -> 封装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/httpexport const getAPI = () => {return request({url:'接口',method:'请求类型'})
}
参考:
起步 | Axios 中文文档 | Axios 中文网 (axios-http.cn)