vue里的axios如何使用
在Vue中使用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/he0v 著作权归作者所有。请勿转载和采集!