在服务器上的Docker容器中创建React和Laravel之间的内部连接

Question

我正在使用一个React应用程序作为前端和一个Laravel应用程序作为后端。这两个通过Laravel Sactum API相互连接。整个环境使用Docker部署在服务器上，前端和后端是独立的容器，但与network:someNetwork连接

API调用是使用URL http：//myserverip:8000从前端完成的--这是可行的，但我希望关闭8000端口（外部），并保持打开前端工作的3000端口。现在，当我关闭8000端口（带有防火墙），并尝试从前端发出API请求时，我得到了一个网络错误。

server {
    listen 80;
    index index.php index.html;
    error_log  /var/log/nginx/error.log;
    access_log /var/log/nginx/access.log;
    root /var/www/public;
    location ~ \.php$ {
        try_files $uri =404;
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass app:9000;
        fastcgi_index index.php;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
    }
    location / {
        try_files $uri $uri/ /index.php?$query_string;
        gzip_static on;
    }
}

Answer 1

你想做的事永远行不通。

ReactJS（我想这就是您所说的ReactApp的意思）在用于生产之前应该是“构建”的。结果将是一个包含一堆静态文件的build文件夹。

这些文件可以使用nginx部署/serverd。来自ReactJS（前端应用程序）的API调用总是来自网络外部，因为客户机/客户机不是Docker NAT网络的一部分（我猜）。

server {
  listen 443 ssl;
  server_name example.com
  .....
  root /path/to/your/reactapp/static/files;
 
  location / {
   try_files $uri /index.html;
  }
}

server {
  listen 443 ssl;
  server_name api.example.com;
  
  ...all the laravel PHP config here

}

如果您不能或不想为API创建子域，请使用位置

server {
  listen 443 ssl;
  server_name example.com
  .....
  root /path/to/your/reactapp/static/files;
 
  location / {
   try_files $uri /index.html;

  }
  
  location /api/ {
    Do your Laravel config here (use nested locations for handling the php files)
    Or do a `proxy_pass` and configure an internal server (listen `8000`) and do      not expose it.
  }

}