[Flutter] Web URL에 해시태그(#, 샵) 없애기

Flutter가 2.0부터 웹을 정식으로 지원하여 보다 편하게 웹 개발이 가능해졌다.

나는 앱만 개발하고 있지만, 공부하다가 찾게 된 내용이라 정리해 둔다.

 

웹 개발 시 URL에 해시태그(#)가 들어가는데, 이걸 없앨 때 url_strategy를 사용할 수 있다.

 

 

1. pubspec.yaml의 dependency에 url_strategy를 추가한다.

dependencies:
  url_strategy: ^0.2.0

아래 링크에서 버전 확인 가능

https://pub.dev/packages/url_strategy/install

 

2. Pub get

 

3. main.dart의 main()에서 runApp(MyApp()); 실행 전에 setPathUrlStrategy();를 추가한다.

import 'package:flutter/material.dart';
import 'package:url_strategy/url_strategy.dart'; // import url_strategy

void main() {
  setPathUrlStrategy(); // 여기에 추가
  
  runApp(MyApp());
}

이렇게 하면 URL의 해시태그를 없앨 수 있다.

 

---

참고한 글

• https://terry1213.github.io/flutter/flutter-web-url/