快速开始

提示

如果你还未了解 alova，推荐你先阅读 alova 介绍。

并且我们提供了一个5 分钟快速入门视频，让你飞速掌握 alova。

安装

npm

npm install alova --save

yarn

yarn add alova

pnpm

pnpm add alova

bun

bun add alova

创建 alova 实例

在 alova 中需要通过 alova 实例发起请求，我们先创建一个。在创建 alova 实例时需要指定请求适配器，在这里推荐使用alova/fetch请求适配器，它是基于fetch API的封装，非常简洁。

esModule

import { createAlova } from 'alova';
import adapterFetch from 'alova/fetch';

const alovaInstance = createAlova({
  requestAdapter: adapterFetch(),
  responded: response => response.json()
});

commonJS

const { createAlova } = require('alova');
const adapterFetch = require('alova/fetch');

const alovaInstance = createAlova({
  requestAdapter: adapterFetch(),
  responded: response => response.json()
});

在 nodejs 中使用 adapterFetch 时，nodejs 版本要求v17.5，或者你可以使用axios 请求适配器。

deno

import { createAlova } from 'npm:alova';
import adapterFetch from 'npm:alova/fetch';

const alovaInstance = createAlova({
  requestAdapter: adapterFetch(),
  responded: response => response.json()
});

GET 请求

通过 alovaInstance.Get 发送一个请求，由于使用了adapterFetch请求适配器，将会接收到一个Response实例，这很简单。

const response = await alovaInstance.Get('https://alovajs.dev/user/profile');

在异步函数中，你也可以使用await alovaInstance.Get等待响应。

POST 请求

通过 alovaInstance.Post提交数据，这同样很简单。

const response = alovaInstance.Post('https://alovajs.dev/posts', {
  title: 'foo',
  body: 'bar',
  userId: 1
});

接下来要做什么？

实际上，这只是一个最简单的请求示例，在接下来的章节中将会了解更多功能，让我们开始学习吧。