nginx iphone重写Angular应用程序-刷新时得到404

Question

我们在 nginx 上为移动客户端托管了一个 Angular 应用程序。所有路由都由角码处理。所以没有子目录等。所以路径作为参数传递给 angular 文件，即“index_angular.html”，而 angular 负责其余的工作。坐下工作和通过菜单项导航工作。但是一旦我进入一个菜单项然后刷新页面，它就会返回一个 404 错误。这是 nginx 配置文件：

server {
listen 80;
root /apps/angular;
server_name angular.com;

location / {
add_header 'Access-Control-Allow-Origin' 'http://angular.com';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
index  index.php;

if ($http_user_agent ~* '(iPhone|iPod|android|blackberry)') {

        rewrite ^/$ /index_angular.html last;

        }

}


location /menuitem1/ {
rewrite ^/(.*)$ /index_angular.html last;
}

我需要能够刷新页面并将所有路径参数发送到应该负责路由的 index_angular.html 文件。 请帮忙。

Answer 1

你需要在你的位置配置404返回index_angular.html

location /menuitem1/ {
    try_files $uri $uri/ /index_angular.html =404;
}

这应该可行，请告诉我。

这是我的一个工作示例，我在你的情况下做错了：

server {
    listen 80 default_server;

    server_name myProject.lab;

    root /var/www/myProject;

    location / {
        try_files $uri $uri/ /index.html =404;
    }

}

更新

我签入了nginx documentation，我猜另一种选择是在出现错误页面时定义重定向：

location /old/path.html {
    error_page 404 =301 http:/example.com/new/path.html;
}

但我总是使用我的第一个建议，并且效果很好:)