Nginx如何正確配置部署在子目錄的vue項目

網(wǎng)站的目錄結(jié)構(gòu)如下：

www/
├─ index.html
├─blog/
│ ├─dist/
│ ├─index.html

blog下是打包好的vue+vue-router項目。

此時nginx配置如下

    server {
         listen 443;
         server_name localhost;
         ssl on;
         root /var/ftp/www/;
         index index.html;
         #ssl配置省略
         location /api/ {
            proxy_pass https://localhost:3010;
         }
    }

直接訪問https://域名/blog/，是沒問題的，可是當刷新的時候，blog的子頁面就會404，查閱后發(fā)現(xiàn)是因為vue-router開啟了history模式，于是按照官方文檔的方法在server里添加了

try_files $uri $uri/ /index.html;

這樣雖然不會404，但是頁面全部轉(zhuǎn)到了根目錄的index.html，于是調(diào)整了nginx的配置如下：

    server {
         listen 443;
         server_name localhost;
         ssl on;
         root /var/ftp/www/;
         index index.html;
         #ssl配置省略
         location /blog/ {
            root /var/ftp/www/blog/;
            index index.html;
         }
         location /api/ {
            proxy_pass https://localhost:3010;
         }
    }

這時候訪問https://域名/blog/ 直接就報了404錯誤，然后試著修改nginx配置如下：

    server {
         listen 443;
         server_name localhost;
         ssl on;
         #ssl配置省略
         location /blog/ {
            root /var/ftp/www/blog/;
            index index.html;
         }
         location /api/ {
            proxy_pass https://localhost:3010;
         }
         location / {
            root /var/ftp/www/;
            index index.html;
         }
    }

仍然會報404錯誤，請問是哪里搞錯了，折騰了一晚上頭發(fā)都快掉光了Q A Q

回答

編輯回答

亮瞎她

哈哈...頭發(fā)掉光了再回答你！

location /api/ {
            proxy_pass https://localhost:3010;
         }

注意location后面寫成/api/或/api是不一樣的(特別注意哦)，你的node啟動了服務，例如是8080的端口， nginx代理直接代理過去就好了，如果你想把/blog代理不需要加后面的斜杠哦，而且域名訪問的時候應該是https://www.xxx.com/blog即可，另外root的路徑指向，應該從根目錄開始哦

2018年3月27日 04:16

編輯回答

膽怯

感謝樓上大大的回答~問題已經(jīng)解決了~雖然不知道解決的方法是否正確，還是記錄一下，如果方法有錯誤的地方還請私信或者評論我指出感謝！
今天在修改設置的時候突然想起來nginx是有錯誤日志的，于是趕忙下載了下來，然后發(fā)現(xiàn)了問題

[error] 27661#0: *1 open() "/var/ftp/www/blog/blog" failed (2: No such file or directory)

很顯然nginx認為我對于/blog設置的根目錄是/var/ftp/www/blog/，而我訪問http://域名/blog時，自動又加了一個/blog，導致了404錯誤，于是我把location /blog的root改成了/var/ftp/www/，此時訪問正常，然而刷新還是會回到根目錄的index.html，于是將location /blog下面的try_files改成了