laravel - Nuxt.js 前端和 laravel api 在同一个 nginx 服务器上 Digital ocean

Question

我有一个用于前端的 nuxt 应用程序 SPA 和一个 laravel API。 Nuxt 调用 API 请求。我正在尝试将它部署在一个 digital ocean 水滴中，但我遇到了问题。我的 Laravel 应用程序似乎可以正常工作，但我无法在此处显示我的设置

Ubuntu 20nginx 1.18PHP 7.4

laravel nginx 服务器 block

server {
    listen 80;
    server_name DROPLET_IP;
    root /var/www/laravel-api/public;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    index index.html index.htm index.php;

    charset utf-8;

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

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

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }

这是我的 nuxt 服务器 block :

server {
    listen 3000;
    server_name DROPLET_IP;
    keepalive_timeout 60;
    index index.html;

    location / {
        root /var/www/nuxt-front/dist;

    }
}

这两者都在它们自己的站点中可用，并启用指向站点的符号链接(symbolic link)。

出于某种原因，当我访问 http://DROPLET_IP:3000 时。它只是挂起。

有没有一种特殊的方法可以让我按预期运行？

Answer 1

使用根

server {
    listen 80;
    server_name example.com;
    keepalive_timeout 60;
    root /var/www/nuxt-front/dist;    
  
}

或

使用代理通行证

server {
    listen 80;
    server_name example.com;
    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}