步骤:装包 -> 封装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)