Flutter WebのBase URLを変更する方法

通常Flutter Webを起動するとアドレスの直下になってしまいます。
そのBaseの変更方法を紹介します。
既存のサーバーに相乗りする場合などに使います。

これをBaseというのかRootというのか。
Rootで検索すると本記事の３つ目が出てきました。
検索難民の助けになれば幸いです。

Flutter Web の base / を変更する方法

build/web/index.html の15行目あたりの base タグを編集します。

<base href="/">
↓↓↓
<base href="/test/">

これで 192.168.1.1/index.html だったのが 192.168.1.1/test/index.html で実行できます。
既存のサーバーに相乗りする場合に使います。

Flutter WebのURLの後ろに付く # を消す方法

main.dart を編集します。

import 'package:flutter_web_plugins/flutter_web_plugins.dart'; // 追加

void main() {
    setUrlStrategy(PathUrlStrategy()); // 追加
    runApp(MyApp());
}

これで消えます。URLの後ろに # が付くのが鬱陶しいと思っていました。

Flutter Webのページのルートを変更する方法

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: {
        '/': (context) => MainScreen(),
        '/test': (context) => TestScreen(), // 最後にスラッシュは不要
      },

これでブラウザでURLから直接ページに移動できます。
例 192.168.1.1/#/test

注意：「後ろに付く # を消す」状態だとこの方法は無効です。やはり # は残しておいた方が良さげです。