404将angular cli app部署到Wamp服务器时

时间:2017-11-03 06:54:40

标签: angular-cli wampserver

我有一个使用Angular Cli构建的应用程序。我可以打开默认视图没有问题,但当我尝试访问页面的另一部分时,我收到以下错误消息:

Not Found

The requested URL /myapp/calendar/2017-11-04 was not found on this server.

Apache/2.4.18 (Win64) PHP/5.6.19 Server at localhost Port 8099

日历的路线定义如下:

 {path: 'calendar/:id', component: CalendarComponent},

我不知道这是一个问题我的角度应用程序或是否是Wamp服务器的问题。关于我应该从哪里开始寻找的任何建议?

1 个答案:

答案 0 :(得分:1)

您需要在服务器上添加与<base href="/myapp/">中的index.html值对应的URL重写规则,以使服务器忽略Angular路由器处理的路由。因此服务器为这些路由返回index.html,这反过来将引导应用程序并处理路由。您可以在Routing helper: MapSpaFallbackRoute

了解该主题

类似的东西(实际上这个RegEx是错误的。你需要忽略带有扩展名的文件,比如脚本名称。)

RewriteRule ^myapp\/.+ myapp/index.html 

我不是Wamp的专家,因此您可以阅读以下教程How to make mod_rewrite work on wamp