在 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 中获取的。

Vue.js 中 Axios 使用教程:安装、发送请求和拦截器

原文地址: https://www.cveoy.top/t/topic/oHSY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录