angular-cli build不支持其他(/ posts)然后直接支持根路径(/)

时间:2016-11-21 06:55:57

标签: angular webpack angular-cli

我使用 ng build 为angular-cli创建了angular2项目的构建,并创建了 dist 文件夹。当我使用其他Web服务器运行构建时,它适用于根路径(http://127.0.0.1:8887)并允许我通过应用程序访问其他路径(如/ posts)。但是当直接访问路径例如。 http://127.0.0.1:8887/posts表格浏览器时,它会给我输入未找到的消息。控制台中没有错误,当使用其他根路径直接访问时,它似乎没有加载index.html。

2 个答案:

答案 0 :(得分:1)

此时您正通过单独的Web服务器托管应用程序。您必须自定义该服务器以便为未知路由提供根应用程序,这将允许应用程序处理路由客户端而不是在服务器中处理它。

因此,如果您导航到[app root]/foo,您的网络服务器应返回[app root],然后角度应用程序将负责显示与foo路由相关联的内容。

Web上有说明,用于配置不同的Web服务器来处理/管理SPA(单页应用程序)配置。

通过ng serve进行调试时,您没有看到此问题,因为webpack-dev-server(在引擎盖下使用)配置为支持此服务器端路由到应用程序根目录。

答案 1 :(得分:0)

您可能会遇到文件名更改。他们改变了构建过程中生成的一个文件来自" inline.js" to" inline.bundle.js"