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项目地址