Full static payload.js not using publicPath

[scferg]

Versions

• nuxt: 2.14.1
• node: 6.4.1

Reproduction

nuxt.config.js below in Additional Details.

Additional Details

export default {
  /*
  ** Nuxt rendering mode
  ** See https://nuxtjs.org/api/configuration-mode
  */
  mode: 'universal',
  /*
  ** Nuxt target
  ** See https://nuxtjs.org/api/configuration-target
  */
  target: 'static',
  /*
  ** Headers of the page
  ** See https://nuxtjs.org/api/configuration-head
  */
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', href: 'https://use.typekit.net/tzk2btd.css' }
    ],
    script: [
      { src: 'https://unpkg.com/ionicons@5.1.2/dist/ionicons.js', body: true }
    ]
  },
  /*
  ** Global CSS
  */
  css: [
    '~/assets/styles/main.scss'
  ],
  styleResources: {
    scss: [
      '~/assets/styles/_variables.scss',
      'bootstrap/scss/_functions.scss',
      'bootstrap/scss/_variables.scss',
      'bootstrap/scss/_mixins.scss',
    ]
  },
  /*
  ** Plugins to load before mounting the App
  ** https://nuxtjs.org/guide/plugins
  */
  plugins: [
  ],
  /*
  ** Auto import components
  ** See https://nuxtjs.org/api/configuration-components
  */
  components: true,
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    '@nuxtjs/style-resources',
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://bootstrap-vue.js.org
    'bootstrap-vue/nuxt',
  ],
  /*
  ** Build configuration
  ** See https://nuxtjs.org/api/configuration-build/
  */
  build: {
    publicPath: 'https://khn.s3.us-east-1.amazonaws.com/virtual-series/'
  },
  generate: {
    subFolders: false
  },
  vue: {
    config: {
      ignoredElements: [/^ion-/]
    }
  },
  bootstrapVue: {
    bootstrapCSS: false,
    bootstrapVueCSS: false
  },
}

Steps to reproduce

1. Specify a publicPath in nuxt.config.js for a full static app
2. Run nuxt generate
3. Deploy /dist/ directory to static hosting (S3 in this case)
4. Visit static page and view console for incorrect URL errors for the payload.js file

What is Expected?

I would expect the payload.js file to also use the specified publicPath instead of using a relative path. I added a publicPath specifically because I need absolute paths for everything.

What is actually happening?

The payload.js files are being linked using relative paths. Bootstrap Vue actions (such as opening modals) are not functioning when deployed. I'm guessing it's related to this.

• runtime.js (correct): https://khn.s3.us-east-1.amazonaws.com/virtual-series/runtime.ad4e919.js
• payload.js (incorrect): /static/1597456812/<page-filename>/payload.js

All other assets are using the publicPath as expected. Am I missing something?

[asafyish]

I can confirm it's also not working for me. Every other resource does use the publicPath correctly.

[jackframework]

It's not working for me too.

[Grugier]

Same problem

[paullegrand]

+1, same problem

[stale]

Thanks for your contribution to Nuxt.js!
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you would like this issue to remain open:

1. Verify that you can still reproduce the issue in the latest version of nuxt-edge
2. Comment the steps to reproduce it

Issues that are labeled as pending will not be automatically marked as stale.

[r14c]

we are seeing this issue in nuxt@2.14.6.

@nathancall there's a patch release version of nuxt that might be worth trying to see if it resolves this issue. otherwise we might need to open a PR and patch nuxt ourselves.

[pi0]

This should be fixed in v2.14.8. Please reopen if not.