如何让NUXT应用执行yarn generate生成的index.html使用相对路径

针对Nuxt 2.x版本 #

• 找到项目根目录下的nuxt.config.js配置文件，在配置根节点添加以下内容即可：

export default {
  // 原有其他配置保持不变
  target: 'static', // 已配置过静态站点目标的可以省略这行
  router: {
    base: './'
  },
  build: {
    publicPath: './_nuxt/'
  }
}

• 修改完成后重新执行yarn generate，生成的资源路径就会自动变为./_nuxt/xxx.js的相对路径格式。

针对Nuxt 3.x版本 #

• 找到项目根目录下的nuxt.config.ts（JavaScript项目对应nuxt.config.js），添加以下配置即可：

export default defineNuxtConfig({
  // 原有其他配置保持不变
  app: {
    baseURL: './',
    buildAssetsDir: './_nuxt/'
  }
})

• 重新执行yarn generate即可生效。

若修改后首次生成仍显示旧路径，可先删除项目根目录下的.nuxt、dist文件夹后再执行生成命令，排除缓存干扰。

内容的提问来源于stack exchange，提问作者user1729972