vue-pwaでビルドするとapple-mobile-web-app-capableがyesにならない
VueJsでPWA(プログレッシブウェブアプリケーション)を作る際に抜けていた部分があったのでメモ。
vue add @vue/pwa
でSeviceWorkerなどの最低限の設定も全部完了してpwaはすぐにできるのだが。。。。。
IOSでアドレスバーが消えない!!!!!下のメニューバーも消えない!!!!
最新のvue-cliはaddで勝手に色々変更してくれるので初めての人は見落とすかもしれませんが、ちょっといじらないといけません。
プロジェクトのルートにvue.config.jsファイルがなければ作成して、
こんな感じに書けばオッケー
appleMobileWebAppCapable: 'yes',
の部分ですね。
デフォルトだとnoになっているのでyesにしてあげることでビルド後生成されるindex.htmlへyesの状態で書かれます。
これでネイティブっぽくなりましたね。
以上!