01:React实战笔记:上线的坑

这篇博客记录了在React项目中遇到的线上部署问题,包括使用`npm run build`进行打包,以及如何修改配置适应线上环境。文章强调了在项目基于react-scripts构建的情况下,虽然webpack配置位于node_modules下,但通常无需直接修改。文中提供了详细配置步骤,假设线上项目地址为https://xxxxx.cn/project。

1.打包命令

npm run build

2.修改配置等

项目是用脚手架创建的,有关webpack配置在node-modules下的raect-scripts下的path.js中;不过我们不用显式修改它,以下贴出具体配置步骤(假设项目运行地址:https://你的域名/项目名)
以下就举例以https://xxxxx.cn/project 假定为你的线上项目地址


项目根目录下新增.env文件加入PUBLIC_URL = https://xxxxx.cn/project(此地址为假定的线上运行地址)

改index.html中引入js文件路径为%PUBLIC_URL%/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值