react项目部署到GitHub上
将react项目部署到GitHub上来实现一个类似线上服务器的效果,可以预览我们的react项目
1.正常创建react项目,写好react项目
2.新建一个GitHub仓库
3.在自己的react项目里面找到package.json文件
更改里面的配置项
(1)添加homepage这一项,后面的地址和GitHub仓库地址不一样是.io结尾的
(2)npm安装gh-pages:npm i gh-pages -D
(3)在scripts里面添加两句话,最后两句
4.本地文件上传到GitHub仓库
(1)Git add .
(2)Git commit -m ‘first submit’
(3)Git remote add origin 仓库地址(GitHub的code里面可以找到)
(4)git pull origin master 如果直接push的时候出错,可能是仓库有文件和本都对不上,先拉一下,再push
(5)git push -u origin master
4.执行一下npm run build命令
5.执行一下npm run deploy命令
6.在GitHub仓库的分支可以找到一个gh-pages分支
7.去setting界面
8.往下面滑动,找到gh-pages
这个地址就是可以预览的react项目地址
以上是 react项目部署到GitHub上 的全部内容, 来源链接: utcz.com/z/383085.html