Vue.js 中 Axios 使用教程:安装、发送请求和拦截器
在 Vue.js 中使用 Axios 需要先安装 Axios 库,可以通过 npm 命令行进行安装:
npm install axios --save
安装完成后,在需要使用 Axios 的 Vue 组件中引入 Axios:
import axios from 'axios';
然后在 Vue 组件中使用 Axios 发送请求:
axios.get('/api/user')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
这里的 /api/user 是一个示例 URL,具体根据实际情况进行修改。
Axios 支持多种请求方法,如 get、post、put、delete 等,可以根据需要选择不同的方法发送请求。
此外,Axios 还支持拦截器,可以在请求或响应被发送前或者后对它们进行拦截和处理,可以对请求进行统一的配置和处理。例如:
axios.interceptors.request.use(config => {
// 在发送请求之前做些什么
config.headers.token = localStorage.getItem('token');
return config;
}, error => {
// 对请求错误做些什么
return Promise.reject(error);
});
这段代码在发送请求前会在请求头中添加 token,这里的 token 是从 localStorage 中获取的。
原文地址: https://www.cveoy.top/t/topic/oHSY 著作权归作者所有。请勿转载和采集!