nuxt.jsでgenerateした静的サイトを/yourDir/配下で配信したい場合は、nuxt.config.jsにてrouter.baseを設定する。

nuxt.config.js

module.exports = {
  router: {
    base: 'yourDir',
  },
  ...
}

ただ…テスト毎に配信ディレクトリを変えたいとき、毎回nuxt.config.jsファイルを修正するのは~~非常にめんどくさい~~ミスの基。なので、$ npm run generateする時に、環境変数経由で変更できるように設定しておく。

また、cross-envを活用することで、winowsにも対応にしておく。環境変数の扱い方はmacとwinだと違うのだ。

NPMパッケージをインストール…はしなくてOK

nuxt.js(v2)では、はじめからcross-envがインストール済み。素晴らしい。

環境変数を宣言してrouter.baseを設定

nuxt.config.jsに環境変数を宣言しつつ、router.baseを設定する。

nuxt.config.js

const baseDir = process.env.BASE_DIR || '/'

module.exports = {
  router: {
    base: baseDir,
  },
  //...
}

terminal

BASE_DIR=/yourDir/ npm run generate

terminal

npx cross-env BASE_DIR=/yourDir/ nuxt generate

生成されたdist内のデーターを/yourDir/ディレクトリにUPして確認。OK。