Блог

Я создал PWA с помощью web2py, но теперь я столкнулся с проблемой

На сайте (адрес страницы) произошло нарушение сетевого протокола, которое невозможно исправить.

при попытке открыть другие страницы в приложении после его загрузки и регистрации сервисного работника.

Это мой рабочий код службы:

 window.onload = () =>
{
'use strict';

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('https://www.example.com/sw.js');
}
}

Notification.requestPermission(result => {
if (result === 'granted') {
showNotification('Welcome to Sesoa™', 'Search for what you are looking for')
}
});

function showNotification(title, message) {
if ('Notification' in window) {
navigator.serviceWorker.ready.then(registration => {
  registration.showNotification(title, {
    body: message,
    tag: 'sesoa',
    icon:'/init/static/images/icon_192x192.png',
    badge:'/init/static/images/icon_128x128.png',
    vibrate: [200, 100, 200, 100, 200, 100]
  });
});
}
}
 

Я понял, что когда я удаляю местоположение работника службы и оставляю кавычки пустыми, как в части кода ниже, все страницы приложения открываются, как и ожидалось, все приложение функционирует должным образом

 if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('');
}
 

Но когда я заменяю адрес, как показано ниже, начинаются проблемы

 if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('https://www.example.com/sw.js');
}
 

Как я могу решить эту проблему?