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

Question

如有任何帮助，我们将不胜感激。谢谢!

我可以在本地正常运行我的网站，但在生产环境中部署时遇到问题。当我运行 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 文件。有人可以解释为什么它在本地机器上运行正常，但在生产环境中找不到资源吗？

Answer 1

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

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