为什么需要封装axios?
请求拦截,在发请求之前处理一些业务
响应拦截,服务器返回数据之后处理一些事情
对axios封装的代码放在 ./src/api/request.js文件里
安装axios: npm install --save axios
封装axios
import axios from 'axios'
// requests是对axios的二次封装,配置一下
const requests = axios.create({
baseUrl: "api", //发请求时会带上这个前缀路径
timeout: 5000 //请求超时
})
// 请求拦截器: 在发请求之前做一些逻辑判断
requests.interceptors.request.use((config) => {
return config
})
// 响应拦截器
requests.interceptors.request.use((res) => {
// 服务器响应成功时,做一些事情
return res.data
}, (err) => {
// 服务器响应失败时,做一些事情
return Promise.reject(new Error('faile'))
})
export default requests