How to remove hash (#) from URL in Flutter web

在Flutter web应用中，默认的URL策略是将哈希（#）添加到URL中，以便正确地处理路由。这是因为Flutter基于单页面应用（SPA）的方式工作，而浏览器需要区分页面导航与其他资源请求。哈希标记有助于浏览器理解这一点。

然而，对于某些应用来说，可能需要更传统的URL模式，不希望URL中出现哈希。为了在Flutter web中实现这一点，您可以通过使用UrlStrategy来设置URL的处理策略，从而去掉URL中的哈希。

从Flutter 2.0开始，可以通过以下方式来设置：

1. 添加依赖：首先，确保在您的pubspec.yaml文件中引入了flutter_web_plugins。

   yaml
   dependencies:
     flutter:
       sdk: flutter
     flutter_web_plugins:
       sdk: flutter

2. 设置URL策略：在您的main.dart文件中，引入必要的库，并在main()函数中设置UrlStrategy。例如，使用setPathUrlStrategy可以去除URL中的哈希：

   dart
   import 'package:flutter/material.dart';
   import 'package:flutter_web_plugins/flutter_web_plugins.dart';
   
   void main() {
     setUrlStrategy(PathUrlStrategy());
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: 'Demo App',
         home: HomePage(),
       );
     }
   }
   
   class HomePage extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text("No Hash URL Demo"),
         ),
         body: Center(
           child: Text("Welcome to the HomePage!"),
         ),
       );
     }
   }

通过上述的设置，当您部署您的Flutter web应用时，URL中将不再包含哈希标记。这使得URL看起来更像传统的网页链接，有助于SEO并且对用户更加友好。

需要注意的是，去掉哈希可能会导致页面刷新时无法正确定位到资源，这取决于Web服务器的配置。确保您的服务器能够正确处理SPA应用的路由请求，通常需要配置服务器总是返回入口页面（比如index.html），由客户端处理具体的路由。