重寫nginx pushState-URL的

Question

我想要nginx與我的pushState爲基礎的URI處理backbone.js在Javascript應用程序中管理我。

現在訪問一個級別的URI，例如。 example.com/users效果很好，但不是兩個級別或更深的URI，如example.com/users/all，這是在Backbone documentation提到：

例如，如果您有/文件/ 100，Web服務器 必須的途徑能夠服務該頁面，如果瀏覽器訪問這個URL 直接

那麼，是遠遠不能用的nginx的重寫選項熟悉，我仍然相信，我可以這樣做rewrite^/index.html;一切重定向到我index.html ，但loosi存儲在我需要能夠訪問的同一臺服務器上的任何最終靜態文件（圖像，javascript & css）。

那麼我應該怎麼做，而不是使用下面顯示的當前配置來完成這項工作？

server { 
    listen 80; 
    server_name example.com; 

    location/{ 
     root /var/www/example.com; 
     try_files $uri /index.html; 
    } 

} 

Answer 1

這是我對我的應用程序做了什麼。以 '/' 結尾（除了根它的自我）每路線將成爲index.html：

location ~ ^/.+/$ { 
    rewrite .* /index.html last; 
    } 

您也可以前綴路線：

Backbone.history.start({pushState: true, root: "/prefix/"}) 

然後：

location ~ ^/prefix/ { 
    rewrite .* /index.html last; 
    } 

或者爲每個案例定義一個規則。

Answer 2

我設法這樣的：

#set root and index 
root /var/www/conferences/video/; 
index index.html; 

#route all requests that don't serve a file through index.html 
location/{ 
    if (!-e $request_filename){ 
     rewrite ^(.*)$ /index.html break; 
    } 
} 

Answer 3

我結束了這個解決方案會：

server { 

    listen 80; 
    server_name example.com; 
    root /var/www/example.com; 

    # Any route containing a file extension (e.g. /devicesfile.js) 
    location ~ ^.+\..+$ { 
     try_files $uri =404; 
    } 

    # Any route that doesn't have a file extension (e.g. /devices) 
    location/{ 
     try_files $uri /index.html; 
    } 

} 

這樣，至少我仍然得到正確的404錯誤，如果沒有找到文件。

Answer 4

使用客戶端應用程序的路徑：

/ 
/foo 
/foo/bar 
/foo/bar/baz 
/foo/bar/baz/123 
/tacos 
/tacos/123 

使用：

server { 
    listen 80; 
    server_name example.com; 
    root /var/www/example.com; 

    gzip_static on; 

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

    # Attempt to load static files, if not found route to @rootfiles 
    location ~ (.+)\.(html|json|txt|js|css|jpg|jpeg|gif|png|svg|ico|eot|otf|woff|woff2|ttf)$ { 
     try_files $uri @rootfiles; 
    } 

    # Check for app route "directories" in the request uri and strip "directories" 
    # from request, loading paths relative to root. 
    location @rootfiles { 
     rewrite ^/(?:foo/bar/baz|foo/bar|foo|tacos)/(.*) /$1 redirect; 
    } 
} 

雖然@Adam-Waite's answer作品爲根和路徑在根級別，位置上下文內使用，如果被認爲是一個反，這在轉換Apache風格指令時經常出現。參見：http://wiki.nginx.org/IfIsEvil。

其他答案不包括使用react-router和HTML5 pushState啓用的類似React應用中的我的用例的目錄深度路由。當路徑在「目錄」（如example.com/foo/bar/baz/213123）內加載或刷新時，我的index.html文件將以相對路徑引用js文件並解析爲example.com/foo/bar/baz/js/app.js而不是example.com/js/app.js。

對於超過第一級如/foo/bar/baz目錄深度的情況下，請注意@rootfiles指令聲明的目錄順序：最長的可能路徑需要去第一，其次是下一個較淺的路徑/foo/bar終於/foo。

Answer 5

由於可能存在Ajax請求的API，對於這種情況下的西服，

server { 
    listen 80; 
    server_name example.com; 
    root /var/www/example.com; 

    # Any route containing a file extension (e.g. /devicesfile.js) 
    location ~ ^.+\..+$ { 
     try_files $uri =404; 
    } 

    # Any route that doesn't have a file extension (e.g. /devices) 
    location/{ 
     try_files $uri /index.html; 
    } 

    # The location block above provides the shortest prefix, of length one, 
    # and so only if all other location blocks fail to provide a match, 
    # this block will be used. 

    # Ajax api starts with /v1/ will be proxied 
    location /v1/ { 
     proxy_pass http://proxy; 
    } 
}