如何将 LoopBack-API-Explorer 安装到现有应用程序中

How to install LoopBack-API-Explorer into existing application

我正在学习 LoopBack 的官方 "Getting Started"-教程:https://loopback.io/doc/en/lb3/Use-API-Explorer.html

显然一切正常。但是,当在网络浏览器中打开 API-Explorer 时,它会显示 404:

404 Cannot GET /explorer

这按预期工作:http://0.0.0.0:3000/

这个returns404状态码:http://0.0.0.0:3000/explorer

是否缺少文档或教程与最新的环回生成器之间存在某些不兼容问题?

我完全按照教程中提到的每一步做了。

也许这个名为 "server/config.json" 的配置文件可以提供帮助,因为我偶然发现了一个设置 "legacyExplorer":false。

或者是否需要将资源管理器作为单独的组件安装?

{
  "restApiRoot": "/api",
  "host": "0.0.0.0",
  "port": 3000,
  "remoting": {
    "context": false,
    "rest": {
      "normalizeHttpPath": false,
      "xml": false
    },
    "json": {
      "strict": false,
      "limit": "100kb"
    },
    "urlencoded": {
      "extended": true,
      "limit": "100kb"
    },
    "cors": false,
    "handleErrors": false
  },
  "legacyExplorer": false
}

本教程附带两个用于创建应用程序堆栈的不同 cli 工具:apic 和 slc。

我敢打赌您使用的是 apic 我敢肯定,如果您使用 slc 创建所有这些样板而不是 apic.

要在基于 apic 的设置中实现 运行,只需安装 api-explorer。

npm install --save loopback-component-explorer --save

并按如下方式注册路由:

在根文件夹的目录结构中有一个名为 "server" 的文件夹。在 "server" 文件夹中创建一个名为 "component-config.json" 的空文件,并将以下代码放入其中:

{
  "loopback-component-explorer": {
    "mountPath": "/explorer"
  }
}

现在您应该可以使用 url http://0.0.0.0:3000/explorer 打开资源管理器页面。