如何通过Flutter将Web应用从http重定向至https？

可以通过Flutter Web的dart:html库直接操作浏览器环境来实现重定向，具体实现如下：

• 导入dart:html包：在应用入口文件（比如main.dart）顶部添加导入语句

  import 'dart:html' as html;
  

• 在应用初始化阶段检测协议并执行重定向：在main函数中加入协议判断逻辑，若当前为HTTP协议则跳转至对应HTTPS地址

  void main() {
    // 检查当前页面使用的协议
    if (html.window.location.protocol == 'http:') {
      // 构造HTTPS地址，保留原路径与查询参数
      final httpsUrl = html.window.location.href.replaceFirst('http://', 'https://');
      // 执行重定向，replace方法不会在浏览器历史中留下原HTTP地址的记录
      html.window.location.replace(httpsUrl);
      return; // 终止后续Flutter初始化，避免无效资源加载
    }
    runApp(const MyApp());
  }
  

• 额外说明：

  • 该逻辑仅在Web环境生效，不会影响Flutter其他平台的编译与运行
  • 依赖浏览器的JavaScript执行权限，若用户禁用JS则重定向无法触发
  • 跳转时会完整保留原页面的路径、查询参数，保证用户访问的是同一内容的HTTPS版本

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