如何设置 Nginx 以在同一域上使用前端 vue 应用程序运行 PHP/Laravel API

Question

你好吗，我有一个问题，我正在尝试在 AWS 的 nginx 服务器中实现一个前端（vue）和一个后端（laravel），我想做的是连接到 API，但是当我尝试访问我的应用程序或输入数据，我只收到 405（不允许）错误），如果有人知道，请您指导我，请知道我错了什么。

这是我在 nginx 中的配置：

server {
    listen 8000;
    server_name 54.161.224.151;

    root /var/www/backend/public; # Ruta a la carpeta "public" de aplicación Laravel

    index index.php index.html;

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


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

    # Configuración adicional para Laravel (si es necesario)
    location ~ /\.(?!well-known).* {
        deny all;
    }
}

server {
    listen 80;
    server_name 54.161.224.151;

    root /var/www/frontend/dist; # Ruta a la carpeta "dist" de aplicación Vue

    index index.html;

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

我尝试了不同的 nginx 配置，但总是得到相同的结果，我知道我做错了什么，但我仍然不知道它是什么，我希望我能将前端与后端连接起来使用 api