记一次react部署的问题

本文记录了React应用部署到Tomcat和Nginx过程中遇到的403错误和空白页问题。在Tomcat中,只需将打包后的dist文件夹放入webapps目录;在Nginx中,配置文件的调整对于解决403错误至关重要。当出现空白页时,检查发现是文件未加载导致,特别是JS和CSS文件,通过修正HTML中的路由引用解决了问题。
摘要由CSDN通过智能技术生成

react部署到tomcat

正常安装完tomcat后,将react项目打包好(npm run build)后,将dist文件夹以及html文件上传至webapps目录下即可。

react部署到nginx

部署到nginx其实相对而言要简单一点,上传到你想存放文件的位置后,再到nginx.conf中配置即可。期间可能会出现403的错误,这个也很好处理,我遇到了两种情况:

403错误1

首先你应该去看下配置文件中的最上面,这个地方建议改为root在这里插入图片描述

403错误2

在配置文件里面的http下面需要配置server。在这里插入图片描述

具体如下:

// An highlighted block
 server {
   
        listen 81;
      
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值