nginx iphone 为 angular 应用重写 - 刷新时获取 404

Question

我们在 nginx 上为移动客户端托管了一个 angular 应用程序。 angular 代码负责所有路由。所以没有子目录等。所以路径作为参数传递给 angular 文件，即 "index_angular.html" 和 angular 负责其余部分。坐下工作并通过菜单项导航工作。但是一旦我进入一个菜单项然后刷新页面，它 returns 一个 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到returnindex_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;
}

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

nginx iphone 为 angular 应用重写 - 刷新时获取 404

nginx iphone rewrite for angular app - getting 404 while refreshing

iphone

mod-rewrite

nginx

url-rewrite-module

angularjs

更新