我应该如何构造AngularJS路由来处理URL重写和页面刷新？

Question

我正在使用AngularJS建立自己的网站。 我希望我的网站导航在没有页面浏览时存在的“浏览器闪烁”的情况下运行，例如，单击index.html上的链接，该链接将您带到foo.html 。 我还希望使用干净的URL，例如，我可以转到mysite.com/foo并让浏览器在foo.html显示内容。

Angular在HTML5模式下的客户端路由是一种有效的解决方案，但也有例外：

如果转到mysite.com ，则可以配置$routeProvider以将视图映射到适当的部分（例如index.html或foo.html ），并修改浏览器显示的URL。 但是，如果我通过直接在浏览器中键入URL来访问mysite.com/foo ，则会收到404错误，因为服务器正在mysite.com/foo/中查找不存在的内容。 如果在Angular指向mysite.com/foo时刷新页面，也会发生同样的情况。

简而言之，仅当从Angular应用程序中导航时，才能正确处理导航到mysite.com/foo 。

如何处理此问题，以便我的网站按照我想要的方式运行？ 是否在404时使用PHP和/或mod_rewrite将浏览器重定向回mysite.com ？

本质上， 无论URL是由Angular设置还是在浏览器URL栏中手动键入 ，我都希望URL mysite.com/foo显示mysite.com视图+ foo.html部分。

Answer 1

是的，您需要类似mod_rewrite的东西。

http://ericduran.io/2013/05/31/angular-html5Mode-with-yeoman/