Question

使用yarn run generate生成静态文件时，如何更改文件的路径？

例如，我需要获取<img src="images/image.png">，但默认情况下，我获取<img src="/image/image.png时尝试使用config波纹管，并且我具有.js文件的正确路径，但没有将代码写入js文件中。跑步。感谢您的帮助。

extend(config, ctx) {
  if (ctx.isDev && ctx.isClient) {
    config.module.rules.push({
      enforce: 'pre',
      test: /\.(js|vue)$/,
      loader: 'eslint-loader',
      exclude: /(node_modules)/
    })
  }

  if (!ctx.isDev && ctx.isClient) {
    // eslint-disable-next-line no-param-reassign
    config.output.publicPath = '_nuxt/'
  }
}

Answer 1

如果从资产目录加载图片，则文件具有动态路径，具体取决于它们当前加载的位置。您可以借助网页生成路径：

<img :src="require('~/assets/images/image.png)">

另一方面，在静态目录的情况下-文件被复制到主目录，这就是为什么您使用主目录中的路径的原因，例如

<img src="images/image.png">

使用Nuxt生成具有相对路径的静态文件

1 个答案: