flutter web /#/ 제거 방법 url_strategy 사용

웹을 오랫만에 하자니 요즘은 반응형 해야해서 css가 너무 어렵네요.

 

그래서 flutter web으로 개발해보고 있습니다

 

개발도중 기록사항을 올려봅니다.

 

1.  url에 /# 이 포함되었네요.

 

없에보려고 검색합니다.

검색해보니 

 

https://pub.dev/packages/url_strategy

url_strategy | Dart Package

이걸 쓰라네요..

setPathUrlStrategy();

한줄 추가하면 끝이라고...

 

정말 한줄만 넣어도 

잘나옵니다.

 

2. 호스팅문제

flutter build web  실행후

서버에 올려봅니다.

 

php 호스팅 받고 있는 서버구요.

기존 /에 ezweborder 폴더를 만들어 올려봅니다.

올릴때 주의점은 서브 폴더라 index.html 열어

으로 수정해야합니다.

 

잘올라갔습니다.

그런데..

/ezweborder/order 폴더가 안나옵니다.

404 에러 ㅠㅠ

라우팅은 잘해줬는데 머가 문제일까?

 

검색해봅니다. 영어들이 주룩주룩...

 

알아보니 .htaccess 파일 만들어서 Rule을 추가하라하네요.

 

파일을 새로 만듭니다.

그런데 editplus에서 파일이 안보이네요.

파일->FTP->FTP설정->에서 이걸 체크해줘야하네요.

그럼 내용목록이 보입니다.

파일을 열어 아래내용 추가

 

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . /ezweborder/index.html [L]

 

여기까지 삽질삽질...

 

다행이 404에러 안나오고 잘나오네요..

 

 

여기까지 입니다.