写 Axios 项目的一般步骤如下:
1. 安装 Axios
使用 npm 安装 Axios:
npm install axios
2. 引入 Axios
在需要使用 Axios 的文件中引入:
import axios from 'axios';
3. 发送请求
使用 Axios 发送请求:
axios.get('/api/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
4. 处理响应
在请求成功后,可以通过 `response.data` 获取响应数据。在请求失败后,可以通过 `error` 获取错误信息。
5. 配置 Axios
可以通过 Axios 的配置项来配置请求的一些参数,例如请求超时时间、请求头等。
axios.defaults.timeout = 5000;
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
6. 拦截器
可以使用 Axios 的拦截器来拦截请求和响应,例如在请求发送前添加请求头,在响应返回后对响应数据进行处理等。
axios.interceptors.request.use(config => {
config.headers.Authorization = AUTH_TOKEN;
return config;
});axios.interceptors.response.use(response => {
response.data = response.data.data;
return response;
});
以上是使用 Axios 的一般步骤,具体实现可以根据项目需求进行调整。