Vue PWA how to change service-worker base url

Question

Let's say I have a root or base url of aws.com/prefix/. I want to run the PWA (vue init pwa my-vue-app) at this url, but the PWA by default serves at /. I was able to change the assets path in various configurations for css, js, and the index.html, but the service-worker.js file in dist seems to only load at /.

Is there a parameter somewhere to allow a different base or root url for service-worker in the Vue / Vuex PWA project?

The available config files that might have options for this are:

build/service-worker-prod.js
build/webpack.base.conf.js
build/webpack.prod.conf.js
config/index.js

I changed the following line in build/service-worker-prod.js, navigator.serviceWorker.register('PREFIX_HERE/service-worker.js') To fix the issue, but this seems a bit hacky, wondering if there is a proper configuration location to change this. — yellowarchangel
– yellowarchangel, Commented Oct 22, 2018 at 21:44

yellowarchangel · Accepted Answer · 2018-10-23 18:20:44Z

2

The solution is to add a element to the index.html such as:

<base href="<%= htmlWebpackPlugin.files.publicPath %>">

Then it will use the webpack publicPath, which is a redirect to the index.js assetsPath value.

The service-worker will adopt this base path.

answered Oct 23, 2018 at 18:20

yellowarchangel

4241 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue PWA how to change service-worker base url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related