Question

我正在构建具有多个模块的解决方案。每个模块都是一个ReactJs应用程序，我尝试将nginx配置发布到同一域中。例如：

http://application-domain/ 身份验证
http://application-domain/ 管理员
http://application-domain/ 仪表板
http://application-domain/ 销售

我对nginx的公共目录保持如下：

| --- / var / www
| ---- / auth
| ---- / admin
| ---- /仪表板
| ---- / sales

其中auth，admin，仪表板和销售是每个项目的子文件夹。

我的Nginx服务器配置：

server {
 listen 9000 default_server;
 listen [::]:9000 default_server;
 server_name localhost;

 index index.html;

 location / {
    root /var/www/auth;
 }

 location /admin { 
   root /var/www;
 }

 location /dashboard {
   root /var/www;
 }

 location /sales {
   root /var/www;
 }
}

每个项目的子文件夹都具有类似的结构

Folder Structure

问题是，例如，访问http://application-domain/admin时，应用程序尝试将静态文件加载到root而不是子文件夹项目上

GET http://localhost:9000/static/js/main.6314dcaa.js net::ERR_ABORTED

正确的方法是在 admin 子文件夹中获取文件，如下所示：

GET http://localhost:9000/admin/static/js/main.6314dcaa.js

对此有什么更好的方法来更正nginx配置？

在同一服务器上将nginx设置为多个ReactJS应用时出错？

0 个答案: