首页 文章

ReactJS应用程序使用自定义域发布到Github页面

提问于
浏览
3

我有一个使用create-react-app创建的reactjs应用程序 . 我已经安装了gh-pages并使用以下命令将其成功部署到github页面(项目页面):

gh-pages -d build

但是,当我将自定义域添加到我的github项目存储库时,我的应用程序无法加载js和css文件 . 我的浏览器正在寻找以下文件:

http://my.custom.domain/<repo name>/static/css/main.caaf9ea4.css
http://my.custom.domain/<repo name>/static/js/main.76fabd7f.js

加载这些文件的正确链接应该是:

http://my.custom.domain/static/css/main.caaf9ea4.css
http://my.custom.domain/static/js/main.76fabd7f.js

在GitHub repo页面中,我将自定义域设置为“my.custom.domain”(没有www的根域) . 源是gh-pages分支 .

我的DNS设置是:

  • 记录,@,值:192.30.252.153

  • 记录,@,值:192.30.252.154

  • CNAME记录,www,值:username.github.io

任何想法如何更改设置,以便不将repo名称添加到域?

1 回答

  • 2

    确保您的package.json具有属性主页 . 例如

    "homepage": "https://<git-USER>.github.io/",
    

    这就是我刚用我的cra projet做的事情 . 如果你想看看我的项目,只需看看develop branch . 但是,我还没有使用gh-pages -d build . 我自己构建了项目并创建了分支gh-pages并将构建的内容放入其中 . 它应该是相同的 .

相关问题