在Nginx中使用Node JS应用程序部署Laravel应用程序

Question

I have a node.js app running using pm2. When I go to my endpoint it works, i see things. But then when I try to do an action that connects to the backend api at laravel, then nothing happens.

This is how I have my nginx config configured:

server {
    listen 80;
    server_name make.tube;
    root /maketube/api/public;

    # This is the "last resort" nginx will direct to when no other matches with location have been found.
    # This will proxy pass to another website (should be tested with http://localhost:3000 in your case).
    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

    # All requests that start with /api are directed to the laravel location.
    # It will only look for a file named index.html
    location /api {
        index index.html;
    }
}

When I try to perform an action that should connect to the backend (like sign in) then it fails to work try the signin function on make.tube ( http://localhost:3000/api/auth/login/ ).

Does anyone know how I can get this working so when I perform the sign in it connects to my laravel backend?

Answer 1

By playing around on my local environment I came up with the following simplified version:

server {
    listen 80;
    server_name test.test;
    root /home/vagrant/test;

    # This is the "last resort" nginx will direct to when no other matches with location have been found.
    # This will proxy pass to another website (should be tested with http://localhost:3000 in your case).
    location / {
        proxy_pass http://node.test/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

    # All requests that start with /api are directed to the laravel location.
    # It will only look for a file named index.html
    location /api {
        index index.html;
    }
}

I managed to proxy_pass a request like http://test.test to another website http://node.test , which displayed the correct content "I am node." Also all request that started with /api like http://test.test/api where directed to the file in /home/vagrant/test/api/index.html which shown "I am api".

In my answer on 54775192 I indeed made an error in the location block. The following:

location /api {
    root /location/of/laravel;
    index index.php;
}

Will result in an error that nginx tries to get a file named /location/of/laravel/api , which does not exist, instead of the intended /location/of/laravel/api/index.php .

Not sure why at this moment.

This is just how Nginx works. We can make use of alias to prevent this from happening.