Question

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

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

例如在这篇文章中：Reloading the page gives wrong GET request with AngularJS HTML5 mode我已经读过我应该将服务器端的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;
 }
}

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

1 个答案: