Django Сервисный работник не может кэшировать страницу: Uncaught (в обещании) TypeError: Запрос не выполнен - PullRequest
Новая
       7

Django Сервисный работник не может кэшировать страницу: Uncaught (в обещании) TypeError: Запрос не выполнен

0 голосов
/ 16 января 2020

Я пытаюсь внедрить django -progressive-web-app в свой проект, и у меня возникают некоторые проблемы с возможностью кэширования страницы.

В chrome Я получаю следующую ошибку 

Uncaught (in promise) TypeError: Request failed

, вот соответствующий код

serviceworker. js

var staticCacheName = 'djangopwa-v1';

self.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open(staticCacheName).then(function(cache) {
      return cache.addAll([
        '/base_layout'
      ]);
    })
  );
});

self.addEventListener('fetch', function(event) {
  var requestUrl = new URL(event.request.url);
    if (requestUrl.origin === location.origin) {
      if ((requestUrl.pathname === '/')) {
        event.respondWith(caches.match('/base_layout'));
        return;
      }
    }
    event.respondWith(
      caches.match(event.request).then(function(response) {
        return response || fetch(event.request);
      })
    );
});

views.py 

...

def base_layout(request):
    return render(request, 'main/home.html')

...

urls.py 

urlpatterns = [
    ...
    #pwa
    path('', include('pwa.urls')),
]

Я следовал этому уроку: https://medium.com/beginners-guide-to-mobile-web-development/convert-django-website-to-a-progressive-web-app-3536bc4f2862

Любая помощь будет очень большой оценили !!!

1 Ответ

0 голосов
/ 16 января 2020

Решение:

Я использовал решение на этом потоке, и оно работало как шарм. Надеюсь, это кому-нибудь поможет: *

Работник по обслуживанию. js

var staticCacheName = 'djangopwa-v1';

self.oninstall = function (evt) {
    evt.waitUntil(caches.open(staticCacheName).then(function (cache) {
        return Promise.all(['/', 'main/home.html'].map(function (url) {
            return fetch(new Request(url, { redirect: 'manual' })).then(function (res) {
                return cache.put(url, res);
            });
        }));
    }));
};
self.onfetch = function (evt) {
    var url = new URL(evt.request.url);
    if (url.pathname != '/' && url.pathname != 'main/home.html') return;
    evt.respondWith(caches.match(evt.request, { cacheName: staticCacheName }));
};
...