Vue PWA пустой экран после закрытия приложения - PullRequest
Новая
       39

Vue PWA пустой экран после закрытия приложения

0 голосов
/ 28 февраля 2019

Я создал приложение PWA, и оно отлично работает.

Проблема заключается в следующем:

Пользователь устанавливает PWA на рабочий стол и работает нормально, но после закрытия и повторного запуска.-открытие показа пустой страницы.

Также на мобильном устройстве после добавления веб-сайта на домашнюю страницу отображается пустая страница.

var deferredPrompt;

ССЫЛКА

https://gogrocery.tk

Ответы [ 2 ]

0 голосов
/ 06 мая 2019

Добавьте маршрут для /index.html в ваш маршрутизатор по умолчанию.Используйте тот же вид / компонент, что и для '/' 

...
    routes: [
        { path: '/', name: 'home', component: HomeView },
        { path: '/index.html', component: HomeView }, // Fix for PWA at /index.html
...

Примечание. Не используйте перенаправление для '/index.html', это не решает проблему в мобильных браузерах: (

0 голосов
/ 01 марта 2019

Проблема с manifest.json start_url. 

{
  "name": "front-end",
  "short_name": "front-end",
  "icons": [
    {
      "src": "./img/icons/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "./img/icons/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "background_color": "#000000",
  "theme_color": "#4DBA87"
}

После установки браузер пользователей index.html в качестве начального URL, который не отображает приложение.Вам следует либо изменить start_url на /, либо сделать /index.html визуализацию приложения.

...