Vue 中发起数据请求有三种方式:axios 库,提供简单 API 发送 HTTP 请求;fetch API,浏览器原生方法,返回 Promise 对象;Vue Resource 插件,提供高级 API 处理 HTTP 请求。

Vue 中如何发起数据请求
Vue 中发起数据请求主要有以下三种方式:
1. axios 库
axios 库是一个轻量级的 HTTP 客户端,它提供了简单的 API 来发起 GET、POST、PUT、DELETE 等 HTTP 请求。
立即学习“前端免费学习笔记(深入)”;
使用方法:
import axios from 'axios';
axios.get('/api/users')
.then((res) => {
// 处理响应数据
})
.catch((err) => {
// 处理错误
});2. fetch API
fetch API 是浏览器原生提供的 fetch 数据的方法,它返回一个 Promise 对象,可以等待请求完成并获取响应。
使用方法:
fetch('/api/users')
.then((res) => {
return res.json(); // 将响应转换为 JSON 对象
})
.then((data) => {
// 处理响应数据
})
.catch((err) => {
// 处理错误
});3. Vue Resource
Vue Resource 是 Vue 官方提供的插件,它提供了一些更高级别的 API 来处理 HTTP 请求,例如自动处理状态代码、响应拦截器等。
使用方法:
import VueResource from 'vue-resource';
Vue.use(VueResource);
Vue.http.get('/api/users')
.then((res) => {
// 处理响应数据
})
.catch((err) => {
// 处理错误
});










