Cara tambahkan service worker ke vue js
Sebelumya sudah pernah memakai beberapa cara install dengan perintah vue add pwa tapi tidak berhasil, pernah juga coba dengan cara menambahkan service worker secara manual tapi tidak juga berhasil
lalu pakai cara terakhir
alhamdulillah berhasil
- pertama gunakan perintah vue add workbox-pwa
- lalu edit file vue.config.js , pada baris opsi pwa jadi seperti ini
pwa:{ workboxPluginMode: 'InjectManifest', workboxOptions: { swSrc: './src/sw.js', swDest: 'service-worker.js', }, name: 'Pergihaji.id', shortName: 'pergihaji', themeColor: '#4DBA87', msTileColor: '#000000', manifestOptions: { start_url: '/', }, },
- Kurang lebih seperti itu saja, manifest.json otomatis di generate, jadi sebaiknya pada file public\index.html arahkan link favicon.ico dan manifest.json dengan benar