configuration - @nuxtjs/pwa 不会生成带有本地系统主机信息的 sw.js
问题描述
我想在 nuxt( @2.3.4
) Web 应用程序中应用 PWA。操作系统是OSX
最新的。所以我已经安装@nuxtjs/pwa
并添加了一些配置到nuxt.config.js
.
这些是我添加的
module.exports = {
...
modules: [
['@nuxtjs/pwa', {icon : false}]
],
workbox : {
dev: true,
debug: true
},
manifest : {
viewport: 'width=device-width, initial-scale=1',
theme_color: '#3B8070'
},
...
}
构建NODE_ENV=production
并开始。
我可以在 中找到sw.js
,localhost:9000
但它不适用于
local.jy.net:9000
.
因为我在我的hosts
文件中注册了该主机名,所以我期待相同的结果。
这是我在/private/etc/hosts
.
127.0.0.1 localhost
255.255.255.255 broadcasthost
::1 localhost
127.0.0.1 Juneui-MacBook-Pro.local
127.0.0.1 local.jy.net aad901eb546340cc9a69b0b030b124fc.jy.net
我怎么能@nuxtjs/pwa
引用系统主机变量?
如果您需要更多信息,请添加回复,然后我会尽可能提供。谢谢。
解决方案
该@nuxtjs/pwa
软件包正在寻找build.publicPath
选项:https ://github.com/nuxt-community/pwa-module/blob/9f27d5cdae0e0341d6d4b4f6814f91db6eab1432/packages/manifest/index.js#L24
将此选项添加到您的nuxt.config.js
应该可以解决问题:
module.exports = {
...
modules: [
['@nuxtjs/pwa', {icon : false}]
],
workbox : {
dev: true,
debug: true
},
manifest : {
viewport: 'width=device-width, initial-scale=1',
theme_color: '#3B8070'
},
build: {
publicPath: '//local.jy.net:9000/pwa/',
}
...
}
您可以在此处找到有关该publicPath
属性的更多信息:https ://nuxtjs.org/api/configuration-build#publicpath
推荐阅读
- javascript - 使用 Javascript 将特定日期替换为文本
- python - 如何使用 bioinfokit 创建火山图?
- php - 页面重新加载后,Doctrine 保留旧记录
- javascript - 如何在不使用画布的情况下结合网络摄像头和屏幕共享视频?
- yaml - 使用 yq v4.x 在 yaml 文件中插入一个属性的多行
- python - 为什么pdf值是具有hypsecant分布的Nan?
- laravel - laravel 8 和 Laravel-dompdf 通过 API
- go - “go build”后二进制中没有符号
- android - 是否可以修改 android manifest xml 以允许备份最初无法备份的应用程序?
- sqlalchemy - 通过 sqlalchemy 连接 prestodb