启动静默工厂

我们将所有场景化的请求策略放在了叫做@alova/scene-*的 js 包中，使用前你需要先安装它。

vue

# npm
npm install @alova/scene-vue --save
# yarn
yarn add @alova/scene-vue

react

# npm
npm install @alova/scene-react --save
# yarn
yarn add @alova/scene-react

svelte

# npm
npm install @alova/scene-svelte --save
# yarn
yarn add @alova/scene-svelte

静默队列默认不启动，需要我们指定启动参数进行初始化，一般情况下，在入口文件中调用bootSilentFactory来初始化静默工厂，它将通过指定的配置项来读取还未执行的请求到对应的静默队列中并启动这些队列。

vue

import { bootSilentFactory } from '@alova/scene-vue';
import { alovaInst } from '@/api';

bootSilentFactory({
  // 启动时指定 alova 实例，用于请求信息存储、请求发送
  alova: alovaInst,

  // 延迟启动的时间，单位毫秒，默认为2000ms，具体描述看后续说明
  delay: 1000
});

react

import { bootSilentFactory } from '@alova/scene-react';
import { alovaInst } from '@/api';

bootSilentFactory({
  // 启动时指定 alova 实例，用于请求信息存储、请求发送
  alova: alovaInst,

  // 延迟启动的时间，单位毫秒，默认为2000ms，具体描述看后续说明
  delay: 1000
});

svelte

import { bootSilentFactory } from '@alova/scene-svelte';
import { alovaInst } from '@/api';

bootSilentFactory({
  // 启动时指定 alova 实例，用于请求信息存储、请求发送
  alova: alovaInst,

  // 延迟启动的时间，单位毫秒，默认为2000ms，具体描述看后续说明
  delay: 1000
});

delay参数说明

在实际场景下，进入当前页面时也会发送请求加载页面数据，为了保证用户可以更快地看到页面数据，需要将加载数据的请求前置到队列起始位置，否则可能会造成加载数据的请求后置到队列尾部，此时就需要等到前面的所有请求完成才会加载页面数据，这显然是不合适的，因此通过延迟一段时间初始化来让加载数据的请求先进入队列，达到“插队”的效果，具体的延迟时间需要根据页面渲染所需的时间而定。