如何将Flutter Web应用部署到STMP服务器的主域名？

• 修改Flutter项目的base路径
  打开项目根目录下的web/index.html，找到<base href="/biti_web/">这一行，将其修改为<base href="/">。这一步让Flutter应用识别主域名根目录为自身的根路径，避免资源加载路径错误。

• 重新构建生产版本的Web应用
  在终端运行构建命令：

  flutter build web --release
  

  构建完成后，产物会生成在项目的build/web目录下。

• 上传构建文件到服务器主域名根目录
  登录你的FTP服务器（推测你提到的STMP为笔误），找到主域名对应的根目录（通常命名为public_html、www或与域名同名的文件夹）。将build/web下的所有文件（包括assets文件夹、index.html、main.dart.js等）直接上传到该根目录，无需放入biti_web子文件夹。

• 配置Web服务器解决刷新404问题
  Flutter Web是单页应用，直接刷新页面可能会出现404，需要配置服务器重定向规则：

  • Nginx配置：在域名对应的server块中添加：

    location / {
      try_files $uri $uri/ /index.html;
    }
    

  • Apache配置：在主域名根目录创建.htaccess文件，写入以下内容：

    <IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index\.html$ - [L]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . /index.html [L]
    </IfModule>
    

内容的提问来源于stack exchange，提问作者WasimSafdar