Configuration @nuxtjs/pwa不使用本地系统主机信息生成sw.js

我想申请PWAnuxt@2.3.4web应用程序。 操作系统是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和start进行构建

我可以在localhost:9000中找到sw.js，但它在中不可用 local.jy.net:9000

我希望得到相同的结果，因为我在主机文件中注册了该主机名

以下是我在/private/etc/hosts中看到的内容

如何使@nuxtjs/pwa引用系统主机变量

如果您需要更多信息，请添加回复，然后我将尽可能提供。谢谢。

@nuxtjs/pwa包正在寻找build.publicPath选项：

将此选项添加到您的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属性的更多信息：

我没有放置publicPath。但它在生产构建中起作用。在开发构建中，它在localhost中工作，但不引用主机系统的hosts文件。

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/',
   }
   ...
}