部署 create-react-app 时无法加载资源错误 404

Posted 2023-03-05

【中文标题】部署 create-react-app 时无法加载资源错误 404

【英文标题】：Failed to load resources error 404 while deploying create-react-app

【发布时间】：2017-08-18 01:45:07

【问题描述】：

任何帮助将不胜感激。谢谢！

我可以在本地正常运行我的网站，但在生产中部署它时遇到问题。当我运行npm run deploy 时，它应该会自动构建到生产环境中。

这是部署命令的package.json 的一部分：

    "name": "barrex",
    "version": "0.1.0",
    "homepage": "https://patrickhuang94.github.io/barrex",
    "devDependencies": 
        "gh-pages": "^0.12.0",
        "react-scripts": "0.9.5"
    ,
    "scripts": 
        "start": "react-scripts start",
        "build": "react-scripts build",    
        "deploy": "npm run build&&gh-pages -d build"
    

我的gh-pages 上的所有内容都已正确设置。当我运行在“主页”字段 (Barrex) 中指定的 URL 时，它会重定向到我的自定义域。但是我的自定义域找不到应该使用npm run deploy 创建的 .js 文件。谁能解释为什么它在本地机器上运行正常，但在生产中找不到资源？

【参考方案1】：

正如屏幕截图中所说，该项目是在假设它将托管在 /barrex/ 的情况下构建的。 但是，您是从服务器根目录提供服务的。

将 package.json 中的 homepage 更改为您的自定义域 (http://www.barrexus.com/)。下次构建时，它将推断 / 作为项目所在的路径，并改用它。

【讨论】：

我不知道你是怎么回答这个问题的（是通过我的 Reddit 帖子吗？）但是非常感谢你，这很好。喜欢你的工作:)

三年后，这仍然是我的解决方案！谢谢！