React项目的bundle.js在哪里

Question

我使用create-react-app创建了一个项目，该项目可以在http://localhost:3000上正确运行， 但是我需要使用nginx设置跨域，nginx的配置如下：

server {
    listen       3001;
    server_name  localhost;

    location / {
        proxy_pass http://localhost:3000;
    }

    location /api { 
        proxy_pass  http://192.168.33.3:8080;    
    }  

    location ~ \.(htm|html|js|css|jpg|png|gif|eot|svg|ttf|woff|woff2)$ {  
        root    html;     
    }    

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
 }

在Chrome中访问localhost:3001时出现错误：

我在项目文件夹中找不到bundle.js，那么如何解决此问题？

Answer 1

如果要使用nginx代替开发服务器，则需要构建CRA项目并将构建文件夹内容复制到根HTML路径

server {
    listen       3000;
    server_name  localhost;
    root         html;

    location /api { 
        proxy_pass  http://192.168.33.3:8080;    
    }   

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
 }