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

Question

我正在关注LoopBack的官方"入门"教程:https://loopback.io/doc/en/lb3/Use-API-Explorer.html

一切都很好看.但是,当在Web浏览器中打开API-Explorer时,它会给出404:

404无法获取/浏览器

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

这将返回404状态代码:http://0.0.0.0 : 3000/explorer

是否缺少Tutorial和最新的loopback-generator之间的文档或一些不兼容性？

我完全按照教程中提到的那样完成了每一步.

也许这个名为"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
}

Answer 1

本教程附带两个不同的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打开资源管理器页面.