Nginx位置以及可選的子位置

Question

我有一個配置了php-fpm和nginx的WordPress網站。 效果很好。
現在，我創建了一個Angular Universal應用，該應用要顯示在特定頁面上。 更加具體：

我希望WordPress在這里工作： mysite.com/myapp
我希望Angular在這里工作： mysite.com/myapp/any/path/

我嘗試了許多不同的配置，但沒有達到我想要的效果。 例如：

location / {
    try_files $uri $uri/ /index.php?$args;
}

location ~ ^/myapp/(.+)$ {
    proxy_pass http://127.0.0.1:4000/$1$is_args$args;
    proxy_redirect off;
    proxy_read_timeout 60s;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_set_header X-NginX-Proxy true;

    root /var/www/mysite/myapp/dist/;
}

location ~ \.php$ {
    try_files $uri =404;
    fastcgi_split_path_info ^(.+\.php)(/.+)$;
    fastcgi_pass unix:/var/run/php-fpm/tst04.sock;
    fastcgi_index index.php;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    include fastcgi_params;
}

如您所見，我正在嘗試將所有以/myapp/{something}開頭的請求重定向到http://127.0.0.1:4000但它不起作用。 “不起作用”是指所有請求都重定向到本地主機，甚至/myapp/ -我也不明白，因為/myapp/與正則表達式/myapp/(.+)不匹配（請注意+號） 。

我查看了nginx錯誤日志，發現當我輸入mysite.com/myapp/它嘗試將其重定向到upstream: "http://127.0.0.1:4000/index.php" ，這對我來說是不需要的。 當我輸入mysite.com/myapp/anypath/它將重定向到upstream: "http://127.0.0.1:4000/anypath/" ，這是正確的。

問題：為什么不起作用？

Answer 1

ang！ 我想我必須在某個地方描述問題才能找到解決方案;）
所以這是正在發生的事情：

• 我通過mysite.com/myapp提出了請求
• Nginx將其匹配到/位置
• 它運行try_files到最后並觸發/index.php?$args解析為/myapp/index.php
• Nginx不斷解析新位置，並且它匹配^/myapp/(.+)$因此將其重定向到http://127.0.0.1:4000/index.php

塔達姆！ 我們有解釋。 現在我該如何解決呢？ 好吧，解決方案非常簡單。 我不希望我的PHP文件針對^/myapp/(.+)$正則表達式進行數學^/myapp/(.+)$因此我將其修改為：

"^/myapp/([^ php]+)$" （請注意引號）

一切開始按預期工作。

張貼此以防將來的讀者遇到類似的問題。