使用 react 和 express 设置 nginx

Question

我目前有一个nginx服务器启动并运行，但是我只能访问我的网站，而不能访问我的网站/联系人。

我有一个反应构建作为前端@：/usr/share/nginx/site/front 以及运行 pm2 @ 端口 5000 的快速服务器。in/usr/share/nginx/site/express

我希望对/api 的所有请求都转到在端口 5000 上运行的快速服务器。 其余的应该转到我的 react 前端，通常 react 构建会自动将所有/api/请求代理到端口 5000 快速服务器，这在本地工作。

我必须如何更改默认的nginx配置@站点可用/

我目前有 ：

server{
listen 80 default_server;
listen [::]:80 default_server
root /usr/share/nginx/site/front
index index.html
}

Answer 1

试试这个

server {
listen      80  default_server;
listen      [::]:80 default_server;
server_name _;

location /api/ {    # Backend
proxy_pass  http://127.0.0.1:500;
access_log  /var/log/nginx/back.out.log;
error_log   /var/log/nginx/back.err.log;
}

location / {    # Frontend
root        /usr/share/nginx/site/front;
index       index.html;
try_files   $uri $uri/ /index.html;
access_log  /var/log/nginx/front.out.log;
error_log   /var/log/nginx/front.err.log;
}
}