项目配置alova和wormhole插件整个工作流程全局安装 Wormhole: yarn add @alova/wo

正常项目配置alova

alova.js.org/zh-CN/tutor…

npm install alova --save

npm install alova --save 为了简化生成数据的修改逻辑，alova 开发工具还支持配置plugin，目前提供了以下预设插件。

配置alova/wormhole插件

alova.js.org/zh-CN/tutor…

1.第一种方式（建议）

npm install @alova/wormhole --save-dev

安装 VSCode 插件 Alova: 这一步是在 VSCode 编辑器中完成的，它负责与 wormhole 通信并显示生成的接口。

2.第二种方式（不建议）

全局安装 Wormhole: yarn add @alova/wormhole
创建软链接 (mklink):
```
yarn global dir
```
这一步的目的是让你的项目（tiktok-nav-web）能够“看到”并使用全局安装的 @alova/wormhole。执行会输出目标路径 /Users/your-name/.config/yarn/global
安装软链接

- Macos: Create a symbolic link.
      `ln -s your-global-dir-path/node_modules/@alova/wormhole /your-project-path/node_modules/@alova/wormhole`
- Windows: Establish a shortcut link.
      `mklink /D your-global-dir-path\node_modules\@alova\wormhole your-project-path\node_modules\@alova/wormhole`

例：

mklink /D "C:\Users\27330\AppData\Local\Yarn\Data\global\node_modules\@alova\wormhole" "C:\doc\kpmg\code\tiktok-nav-web\node_modules\@alova/wormhole"

*   通过 **以管理员身份运行** 并 **给路径加上双引号** 解决了 `mklink` 不是内部命令的问题。

3. 安装 VSCode 插件 Alova: 这一步是在 VSCode 编辑器中完成的，它负责与 wormhole 通信并显示生成的接口。 4. 自动生成接口: 文档明确指出，wormhole 会每五分钟从 http://localhost:8000/api/json 这个地址获取 Swagger JSON 数据，然后用这些数据在 src/interface 目录下生成接口文件。

问题

遇到的报错：

1.无效开关 - "wormhole"

用双引号 " 把每个路径包裹起来，可以明确地告诉命令行：“引号里的所有内容都是一个完整的路径字符串，不要拆分它”。

2.mklink 不是内部或外部命令，也不是可运行的程序或批处理文件

搜索cmd, 以管理员身份运行 ，

3. `Alova Error: wormhole: [tiktok-nav-web]🚨Cannot read file from http://localhost:8000/api/json`

解决方案：让你的开发服务器提供 `/api/json` 接口

启动服务器

项目配置alova和wormhole插件