react项目部署到github

1、因为该项目是使用create-react-app脚手架创建的,所以去该脚手架文档查看相关配置信息。

官方文档:文档地址

 

2、github上创建一个和本地代码同步的远程仓库。

 

3、按照官方文档中的步骤,配置packahe.json(PS 有一个关键的地方,A)、安装gh-pages依赖、运行deploy、添加github分支

A:“homepage”:“./”,需要这么配置,因为

官方介绍是"homepage"的值要设置为 http://{username}.github.io/{repo-name} ,比如我当前的就是 http://vortesnail.github.io/qier-player-demo ,但是这样操作会在 build 打的包会在所有文件路径前加上 qier-player-demo ,比如 index.html 文件中对同等目录下的文件引用应该是 src='./index.css' ,结果会变成 src='./react_demo/index.css' ,这样部署后肯定无法访问,所有资源都找不到。

posted @ 2020-12-04 14:05  小昱同学  阅读(423)  评论(0)    收藏  举报