尝试使用 Netlify 部署 React 应用程序时，Firefox 无法建立与 localhost:3000 服务器的连接

Question

我正在尝试在 Netlify 上部署 React 应用程序。我已经在Netlify上成功创建了项目，并且日志似乎都成功了。当我访问该 url 时，Firefox 无法连接：Firefox 无法建立与 localhost:3000 处服务器的连接。我非常仔细地遵循了 Netlify 上有关 React 应用程序部署的文档。

我还在控制台上收到以下错误：

这是我第一次在 Netlify 上部署。

我确实尝试通过 Netlify CLI 进行部署，它也很成功，但是当我尝试查看该站点时，它再次显示相同的连接失败。

Answer 1

您的网站不应以包含 localhost 的 URL“结束”在已发布的源代码中，因为这会将访问者引向“他们的计算机”，甚至将他们引向“您的计算机”（而不是 netlify）可能也不是您的意图。

Netlify 不会自动将 URL 嵌入到您的构建中，因此大概在配置文件或环境变量中的某个位置，您配置了使用该 URL 的内容，这会影响发布的内容，使其不正确。您需要查找并删除或更新该设置（大概是您的自定义域或与您的网站对应的 sitename.netlify.app ），尽管我没有关于它可能设置在哪里的任何好的建议不正确。

您可以使用像

grep -r localhost directory

这样的工具（其中

directory

是您将要发布的、已经在本地构建的版本副本），看看您是否可以知道它最终在哪里，也许还可以向后工作从那里找出它的设置位置并将其删除。修复后使用相同的检查应该不会出现任何问题:)