Nuxt.js构建配置：如何将/_nuxt/目录打包至指定子目录

核心配置修改（nuxt.config.js） #

在项目根目录的nuxt.config.js中添加/调整以下配置项：

• 路由基础路径：指定页面路由的基准路径，确保所有页面链接基于目标子路径生成

  export default {
    router: {
      base: '/aaa/bbb/ccc/ddd/'
    }
  }
  

• 静态资源路径：指定_nuxt目录的访问路径，同时让构建工具将资源打包到目标子路径下

  export default {
    build: {
      publicPath: '/aaa/bbb/ccc/ddd/_nuxt/'
    }
  }
  

静态生成场景补充配置 #

如果你的项目是静态站点模式（使用nuxt generate构建），需额外配置输出目录，让页面文件直接生成到dist下的目标子路径中：

export default {
  generate: {
    dir: 'dist/aaa/bbb/ccc/ddd/'
  }
}

验证构建结果 #

执行构建命令（nuxt build或nuxt generate）后，检查dist目录结构应符合预期：

dist/
└── aaa/
    └── bbb/
        └── ccc/
            └── ddd/
                ├── index.html（及其他页面文件）
                └── _nuxt/
                    └── （静态资源文件）

此时访问xxxx.com/aaa/bbb/ccc/ddd/可正常加载页面，资源引用会自动指向该路径下的_nuxt目录，其余路径的访问会通过你已配置的重定向规则跳转至目标路径。

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