Register Service Worker in Django

Question

I am trying to register service worker in django but I get this error

DOMException: Failed to register a ServiceWorker: The script resource is behind a redirect, which is disallowed.

My project structure is

src/
   templates/sw.js
   static/js/main.js  #file where I register service worker

main.js

if ('serviceWorker' in navigator) {
        navigator.serviceWorker
            .register('sw.js', {scope: '/'})
            .then(function(reg) {
                console.log('Achieng Service worker Registration worked!');
            })
            .catch(function(error) {
                console.log(error);
            });

    }

According to this django-service worker, I have defined my urls as

path('sw.js/', (TemplateView.as_view(template_name="sw.js", content_type='application/javascript', )), name='sw.js'),

and have my sw.js in templates folder.

What could I be missing? I want service worker to have a default scope '/'

score 5 · Accepted Answer · answered Jul 20 '18 at 08:27

5

Your service worker is served at /sw.js/. Django automatically redirects /sw.js to /sw.js/. To make it work you simply have to remove the trailing slash in path().

The convention in Django is to use a trailing slash in every url, but cases like this are an exception.

answered Jul 20 '18 at 08:27

knbk

52,111
9
124
122

your answer is helpful,unfortunately I can't accept it because my reputation.Thanks – Cindy Achieng Jul 20 '18 at 12:42
@CindyAchieng You're welcome. You can't upvote, but you should be able to accept it (the checkmark next to the answer). – knbk Jul 20 '18 at 12:56

Register Service Worker in Django

1 Answers1