Vue PWA 如何更改 service-worker 的基本 url答案

【问题标题】：Vue PWA how to change service-worker base urlVue PWA 如何更改 service-worker 的基本 url
【发布时间】：2018-10-22 21:30:22
【问题描述】：

假设我有一个 aws.com/prefix/ 的根或基本 URL。我想在这个 url 上运行 PWA (vue init pwa my-vue-app)，但默认情况下 PWA 服务于/。我能够更改 css、js 和 index.html 的各种配置中的资产路径，但 dist 中的 service-worker.js 文件似乎只能在 / 加载。

在 Vue / Vuex PWA 项目中是否有参数允许服务工作者使用不同的基本或根 url？

可能具有此选项的可用配置文件是：

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

【问题讨论】：

我在build/service-worker-prod.js, navigator.serviceWorker.register('PREFIX_HERE/service-worker.js') 中更改了以下行来解决这个问题，但这似乎有点hacky，想知道是否有适当的配置位置来更改它。

标签： vue.js service-worker progressive-web-apps

【解决方案1】：

解决方法是在index.html中添加一个元素如：

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

然后它将使用 webpack publicPath，这是一个重定向到 index.js assetsPath 值。

service-worker 将采用此基本路径。

【讨论】：