Nuxtで開発時はルートでgenerateするときは別のディレクトリを指定したいときの設定をメモ

nuxt.config.js

import { resolve } from 'path'
const sitePath = '/hoge/' //本番時に公開したいディレクトリ

export default {
  
  //省略
  
  generate: {
    dir: resolve(__dirname, `./dist${sitePath}`),
  },
  router: {
    base: process.env.NODE_ENV === 'development' ? '/' : sitePath,
  }
}

開発時はlocalhost:3000（ルート）で、generateしたときは/dist/hoge/で生成され画像等のパスも/hoge/を入れたパスになります。