如何在lite-server中正确配置多个路由

Question

我使用lite-server开发Angular应用程序。我有以下项目结构，非常简单：

build/
    foo/
        index.html (references foo.js script)
    bar/
        index.html (references bar.js script)
foo.js
bar.js
bsconfig.json

我想要做的是访问localhost:8000/foo并获取foo/index.html加载foo.js脚本以及访问localhost:8000/bar并获取bar/index.html loading {{ 1}}。

我已阅读Browsersync options文档并尝试使用bar.js配置bs-config.json文件，但我无法正常使用。

Answer 1

您可以将路由添加到服务器对象

routes : {"/foo" : "build/foo", "/bar" : "build/bar" }

您可以将foo.js和bar.js分别放在“foo”和“bar”文件夹下并在本地引用它们，或者将其保留在项目的文件夹中并将其引用为“/foo.js”和“/ bar.js“

Answer 2

您可以将base href设置为指向index.html文件中的不同文件夹 ，

  <base href="/foo/">

  <base href="/bar/">

此外，您还必须在system.config文件中配置您为主程序包提供服务的位置。

希望这有帮助！