vue3如何配置axios
时间: 2023-10-21 15:58:27 浏览: 100
在Vue 3中配置axios有两种常见的方式:全局配置和单个组件配置。
全局配置:
1. 安装axios:在项目目录中运行命令 `npm install axios` 或 `yarn add axios`。
2. 在src目录下创建一个新的文件(例如:`axios.js`)来进行全局配置。
3. 在`axios.js`文件中导入axios并进行全局配置,示例如下:
```javascript
import axios from 'axios';
// 设置基本的请求URL
axios.defaults.baseURL = 'https://api.example.com';
// 设置请求拦截器
axios.interceptors.request.use(config => {
// 在请求发送之前做一些处理,如添加token等
return config;
}, error => {
return Promise.reject(error);
});
// 设置响应拦截器
axios.interceptors.response.use(response => {
// 在接收到响应数据之前做一些处理
return response;
}, error => {
return Promise.reject(error);
});
export default axios;
```
4. 在`main.js`文件中导入`axios.js`并挂载到Vue实例上,示例如下:
```javascript
import Vue from 'vue';
阅读全文