请问一下 react 部署到 nginx 服务器详细流程？

#1

已经有一个本地能跑的前端 react 和后端 python 项目

在网上搜了一下大部分是部署静态页面的，也没有 nginx 配置的详细流程及介绍

想问一下具体的流程或者有哪些教程？

#2

不嫌烦的话教程是有的
http://nginx.org/en/docs/beginners_guide.html

#3

我的个人项目,https://www.geekjc.com 前端reactjs 后端nodejs 就是用nginx部署的

#4

https://itbilu.com/other/relate/NJ2TJohl.html
给你个参考。如果是python 更加简单了。 node.js 还需要反向代理。python应该不用.

#5

这是部署前端在nginx上，nginx配置一个server就好啦，也可以绑定你的域名什么的，具体网上查。配置两个loaction，一个是前端代码路径，一个是后端代理

        location / {
            root   /var/www/webapp;
            index  index.htm index.html;
        }

        //后端请求以/api/v1/开头，表示第一版本的api

        location /api/v1/ {
          proxy_pass http://localhost:8080/;
        }
#6

好的，谢谢

#7

好的，谢谢了

#8

恩，感谢

#9

我这边配置好 location 后，后端接口访问的时候还是 404，前缀是：前端部署ip/api/，而不是：后端ip/api，怎么搞哇

#10

看你后端的实际地址是什么，中间这个做好对应就行了

location /api/v1/ {
          proxy_pass http://localhost:8080/;
 }
#11

哈哈，那个问题当时解决了，原因竟然是…

proxy_pass http://xxx，后面少了个 /

改成这样就好了：proxy_pass http://xxx/

:rofl:

#12

好的，解决了就好