如何使用HostGator作为服务器正确部署Flutter Web应用程序？

Question

我正在尝试部署 Flutter Web 应用程序并选择 HostGator 作为我的托管服务器。尽管遵循了我过去使用的部署过程，但该网站并未在线显示。以下是我采取的步骤，然后是问题的描述。

部署步骤：

1. 在终端中，我执行了构建 Flutter Web 应用程序的命令，以便使用 CanvasKit 渲染器进行发布：

   flutter 构建 web --web-renderer canvaskit --release

2. 我将构建输出压缩到 ZIP 文件中，并将其上传到 cPanel 文件管理器中的

   public_html

   目录，如下面的屏幕截图所示：

以前，更新 DNS 设置后，我的网站将在 3 天内上线。然而，这一次，即使等待了，网站也无法访问。

故障排除尝试：

• 检查 DNS 设置以确保它们正确指向 HostGator 服务器。
• 已验证

  public_html

  目录包含 Flutter 项目中的正确构建文件。

尽管进行了这些检查，网站仍处于离线状态。

问题：

可能导致此部署问题的原因是什么，如何解决它以在 HostGator 上成功部署我的 Flutter Web 应用程序？

感谢您提供的任何指导或见解。

Answer 1

您需要更新您的index.html

改变

<base href="/">  to <base href="./"> 

Answer 2

您缺少

flutter.js

文件。请检查

./your-app/build/web

文件夹中是否有丢失的文件，或尝试运行

flutter clean

，然后再次运行

flutter build web

。