nginx - 在不同的端点和相同的域上提供后端和前端

Question

我在OS X上安装了 nginx php7.1 ， mysql 等等......基本的测试示例正在运行

当我尝试配置nginx以在user.domain.dev/api/...上提供 Laravel后端而在user.domain.dev/...上提供 Angular前端时，我得到 404 < / strong>或 403 。 Nginx错误日志主要是

/Users/name/Projects/domain.dev/api.domain.dev/" is forbidden

或

/Users/name/Projects/domain.dev/frontend.domain.dev/build/index.php" failed (2: No such file or directory)

我似乎无法理解nginx的位置指令，所以他们指向错误的目录。感谢您的任何建议或指导。

我的配置是：

nginx.conf

user name staff;  
worker_processes auto;

events {  
    worker_connections  1024;
}

http {  
    include mime.types;
    default_type application/octet-stream;

    ssl_certificate ssl/nginx.crt;
    ssl_certificate_key ssl/nginx.key;

    access_log /usr/local/var/log/nginx/access.log;
    error_log /usr/local/var/log/nginx/error.log;

    sendfile on;
    keepalive_timeout 5;

    gzip  on;

    include servers/*.conf;
}

服务器/ domain.dev.conf

server {
    listen 80;
    listen 443 ssl http2 default_server;

    server_name domain.dev *.domain.dev www.domain.dev;

    charset utf-8;

    # removes trailing slashes (prevents SEO duplicate content issues)

    if (!-d $request_filename)
    {
        rewrite ^/(.+)/$ /$1 permanent;
    }

    # enforce NO www

    if ($host ~* ^www\.(.*))
    {
        set $host_without_www $1;
        rewrite ^/(.*)$ $scheme://$host_without_www/$1 permanent;
    }

    ##
    ## Backend HTTP server
    ##

    location /api {

        root /Users/name/Projects/domain.dev/api.domain.dev;
        index index.php;

        try_files $uri $uri/ /index.php?$query_string;

        location ~ \.php$ {
                    fastcgi_pass 127.0.0.1:9000;
                    fastcgi_split_path_info ^(.+\.php)(/.+)$;
                    try_files $fastcgi_script_name =404;
                    fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
                    include fastcgi.conf;
            }
    }

    ##
    ## Frontend HTTP server
    ##

    location ~* \.(jpg|jpeg|gif|css|png|js|ico|html)$ {
        access_log off;
        expires max;
    }

    location = /favicon.ico { 
        access_log off; 
        log_not_found off;
    }

    location = /robots.txt  { 
        access_log off;
        log_not_found off; 
    }

    location / {
        root /Users/name/Projects/domain.dev/frontend.domain.dev/build;
        index index.html;
    }

    location ~ /\. {
        deny all;
    }
}

Answer 1

主要问题是root指令的使用不一致。您有两个文档根，每个应用程序一个，但只在两个位置指定。 root块级别未指定server { ... }，因此if (!-d $request_filename)无意义，location ~* \.(jpg|jpeg|gif|css|png|js|ico|html)$将始终产生404响应等。

阅读this document以了解nginx如何处理请求。

但您应该在server块中设置前端根，并使用location /api块中的后端根覆盖它。

server {
    root /Users/name/Projects/domain.dev/frontend.domain.dev/build;

    location / { ... }
    location ~* \.(jpg|jpeg|gif|css|png|js|ico|html)$ { ... }

    location ^~ /api {
        root /Users/name/Projects/domain.dev/api.domain.dev;
        ...
    }
}

这会将后端文档根目录放在：/Users/name/Projects/domain.dev/api.domain.dev/api - 请注意，URI始终附加到root。

另请注意，^~修饰符用于使前缀位置优先于同一级别的正则表达式位置。有关详细信息，请参阅this document。

我不喜欢你设计中的裸if块。 if (!-d $request_filename)可能应该替换为try_files directive，而if ($host ~* ^www\.(.*))可能应该使用单独的server块替换。有关详情，请参阅this document。

try_files块中的location /api语句包含不正确的默认URI，可能应为/api/index.php?$query_string。