Vue3项目 - axios配置

352 阅读1分钟

axios配置

1. 安装 axios

npm i axios

yarn add axios

2. 配置基础实例(统一接口配置)

  • 主要配置以下四项:
    • 接口基础地址 - baseURL
    • 接口超时时间 - timeout
    • 请求拦截器 - axios实例.interceptors.request.use()
    • 响应拦截器 - axios实例.interceptors.response.use()image.png
import axios, {interceptors} from 'axios';  
  
// TODO 创建 axios 实例  
const request = axios.create({  
baseURL: '基础地址',  
timeout: 5000  
});  
  
//TODO 请求拦截器  
request.interceptors.response.use(config => {  
return config;  
}, err => {
return Promise.reject(err)  
});  
  
//TODO 响应拦截器  
request.interceptors.response.use(res => res.data, err => {  
return Promise.reject(err)  
});  
  
export default request;