用cra脚手架创建的react项目,bundle.js在哪里?
react默认运行在3000端口,直接运行时不会有上面的错误的,但是因为需要跨域,所以用nginx设置了反向代理,就出现上面的错误了,nginx.conf配置如下:
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;
}
}
所以,问题出在哪里,应该怎么设置?
我在用cra脚手架,也用代理的时候并没有遇到你这样的问题。看了你的Nginx配置,粗略猜一下会不会是第三个配置,静态资源路由重定向那里出了问题?另外,其实cra本身是支持代理的,不需要借助Nginx,亲测可用,实现是webpack-dev-Server的配置,具体操作可以百度下。