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

Question

我正在使用 AngularJS 构建自己的网站。我希望我的网站导航能够在没有“浏览器闪烁”的情况下运行，当您在页面之间切换时，例如单击 index.html 上的链接会将您带到 foo.html。我还想要干净的 URL，例如我可以访问 mysite.com/foo 并让浏览器显示 foo.html 中的内容。

Angular 在 HTML5 模式下的客户端路由是一种有效的解决方案，但也有异常(exception):

如果我访问 mysite.com，我可以配置 $routeProvider 将 View 映射到适当的部分(例如 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 mysite.com/foo 显示 mysite.com View + foo.html 部分 < em>URL 是由 Angular 设置还是在浏览器 URL 栏中手动输入。

Answer 1

是的，你需要像 mod_rewrite 这样的东西。

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