背景: 在大型项目开发中,对axios进行封装,有助于团队成员调用和维护
不多说,直接上代码
common.js
/**
* api接口的统一封装
*/
import axios from 'axios' // 引入axios
// 设置请求头
const AXIOS = axios.create({
timeout: 3000, // 设置请求超时时间
header: {
Accept: '*/*',
'Access-Control-Allow-Origin': '*',
withCredentials: true,
'Cache-Control': 'no-cache',
Pragma: 'no-cache',
'X-CSRF-TOKEN': ''
}
})
// 创建 request拦截器
AXIOS.interceptors.request.use(
(config) => {
return config
},
(error) => {
Promise.reject(error)
}
)
// 创建response 拦截器
AXIOS.interceptors.response.use(
(response) => response,
(error) => {
if (error && error.response) {
switch (error.response.status) {
cas