1

我正在使用 react js 构建一个 tiktok-clone ..在 netlify cli (Netlify Dev) 的帮助下..它在 localhost:8888 中工作得很好，但它在 localhost:3000 中不起作用。我的这个项目的数据库是数据税 astra。需要帮忙！！

这是 localhost:3000 上的图片，在 netlify 上部署后，它也显示相同的屏幕。

1

这是在 localhost:8888 作为 netlify Dev 运行时的图片。

请帮忙！！！

4

3 回答 3

1

我今天正在做同一个项目，并试图找出完全相同的问题，但找到了解决方案。这是一个老问题，但对于那些仍在参加这个研讨会并遇到这个问题的人来说。

原因 -

  • 你有一个名为的文件.env，上面有你的 astra 信息
  • 因为您在本地主机上有此文件，所以它将netlify dev正常运行并使用该文件中的信息
  • 问题是当您在网络上启动时，您仍然可以.env在您的存储库中拥有但由于.gitignore文件而被忽略
  • 即使您删除.gitignore文件中的命令，它也不起作用（不知道为什么）

解决方案 -

  • 您必须将.env信息导入您的 netlify 环境变量，以便它可以通过实际服务器将您的 netlify 连接到您的 astra

在您的集成终端中运行此命令：

netlify env:import .env

使用 netlify 重建并重新部署到生产环境后：

netlify build
netlify deploy -p

注意：如果有必要再次构建和部署，我不是 100% 肯定的。在我这样做之前，它恰好对我不起作用。

于 2021-11-11T23:44:10.783 回答
1

PORT 8888 是您的 Netlify 开发服务器运行的端口。运行时，您应该在 PORT 8888 上访问您的应用程序netlify dev。

PORT 3000 是 webpack 开发服务器的端口。

于 2021-04-08T23:50:53.693 回答
0

您没有提供足够的上下文。502 错误在特定网站上有不同的用途，因此我们无法理解您的问题。如果它在 8888 上工作，那么你为什么要其他端口来代替它呢？正如我所见，您的前端在 3000 上提供服务，但媒体不是可能导致 502。您是否运行 2 个单独的前端服务器和后端服务器？

于 2021-04-07T05:40:43.103 回答