【Flutter Web】URLのパスから「#」を消す方法

今日は、Flutter Webで開発したWebアプリのURLにデフォルトで存在する「#」（ハッシュ）を削除する方法についてお話します。

「#」（ハッシュ）について

Flutter WebアプリのURLには、デフォルトで末尾に「#」が含まれています。アプリをローカルでデバッグしてもらうとすぐわかりますが、http://localhost:8080/#/のように#がついてます。
アプリをリリースするときに、この「#」があると邪魔なので消します。

手順

main.dartファイルのvoid main()関数に以下のコードを追加します。

import 'package:flutter_web_plugins/url_strategy.dart';

void main() {
  setPathUrlStrategy();
  runApp(MyApp());
}

これで、Flutter WebアプリのURLから「#」が削除されます。setPathUrlStrategy()関数は、URLに含まれる「#」を削除し、より標準的なパスベースのURLに変更します。

こちらは公式ドキュメントにも記載があります。

Configuring the URL strategy on the web