vue-pwaでビルドするとapple-mobile-web-app-capableがyesにならない

最終更新日

Comments: 0

VueJsでPWA(プログレッシブウェブアプリケーション)を作る際に抜けていた部分があったのでメモ。
vue add @vue/pwaでSeviceWorkerなどの最低限の設定も全部完了してpwaはすぐにできるのだが。。。。。
IOSでアドレスバーが消えない!!!!!下のメニューバーも消えない!!!!

最新のvue-cliはaddで勝手に色々変更してくれるので初めての人は見落とすかもしれませんが、ちょっといじらないといけません。

プロジェクトのルートにvue.config.jsファイルがなければ作成して、

こんな感じに書けばオッケー
appleMobileWebAppCapable: 'yes',の部分ですね。
デフォルトだとnoになっているのでyesにしてあげることでビルド後生成されるindex.htmlへyesの状態で書かれます。

これでネイティブっぽくなりましたね。

以上!

 

都内でエンジニアやってます 趣味で色々開発しつつのんびりと生活してます

シェアする

コメントを残す

%d人のブロガーが「いいね」をつけました。