刷新页面时html5Mode中的AngularJS 1.0.7出现404错误

Question

我知道有一些关于该主题的帖子。我已经阅读了大多数内容，但是我认为我不够熟练，无法理解应该怎么做。

我有一个AngularJS 1.0.7
Web应用程序。我刚刚将其配置为html5Mode以美化我的URL。我的网址现在看起来不错，但是出现了一个新的问题，我在更改之前没有遇到过。首次加载索引页面时，可以毫无问题地对其进行刷新。但是，如果我导航到示例/
about中的其他页面，然后刷新页面，则会收到404错误。

例如本文中的示例：使用AngularJSHTML5模式重新加载页面会发出错误的GET请求我已经读到我应该将服务器端的URL重写到我的入口点，我猜是index.html，但是我不知道什么这意味着以及如何做到这一点。

有人会提供更多详细和实际的示例吗？

当谈论服务器时，它们是什么意思？我在Nginx服务器上运行的Angular应用程序将请求发送到在Puma服务器上运行的Rails API。

Answer 1

因此，其想法是强制Nginx将所有htpp请求指向index.html，并让Angular在您的应用程序中进行路由。

您没有发布任何配置，因此这是最基本的：

server {
 listen 80;
 server_name foobar.com www.foobar.com;
 index index.html;
 root /var/www/mysite;

location / {
  try_files $uri$args $uri$args/ index.html;
 }
}