Nuxt.js generateで生成されたhtmlファイル内のscriptパスについて

Question

お世話になります。

Nuxt.jsのgenerateコマンドで生成されたhtmlファイル内のパスについての質問です。

以下のように/_nuxt/から始まるパスが指定されます。
これはサイトのルートにファイルを置けば問題ないのですが、
サイト内の仮想ディレクトリのような場所にファイルを置くように設定はできないのでしょうか？

<link rel="preload" href="/_nuxt/e8bf8612b7ff8339c7ac.js" as="script"> <link href="/_nuxt/b43c5988345b6b952782.css" rel="stylesheet"> ↓ <link rel="preload" href="**./_nuxt/**e8bf8612b7ff8339c7ac.js" as="script"> <link href="**./_nuxt/**b43c5988345b6b952782.css" rel="stylesheet">

buildプロパティのpublicPathを変更してみましたが、_nuxtの部分は変更できますが、
/で始まることに変わりはありませんでした。

宜しくお願い致します。

Answer 1

export default {
  router: {
    base: "/test/"
  },
}

仮想ディレクトリをサブディレクトリ(ルートディレクトリ以外)と解釈すれば、nuxt.config.jsに上記のものを記述すれば、全てパスを変更し、ルート以外にサイトを設置することができます。

Comments

[moto-a]

ご回答ありがとうございました。routerに設定することでできました。

追加でご質問があります。
ローカルで実行するために相対パス(./_nuxt/)にすることはできますでしょうか？
(または./hoge/_nuxt/)
申し訳ございません。宜しくお願い致します。

[gogojp]

ローカル環境での実行はできないというが今の現状です。
publicPathを追記するなどの対処方法がありますが、この場合トップページは表示されますが、ルーティングは正常に動作しないので、トップページ以下のページは全て表示ができません。

[moto-a]

ありがとうございました。

[moto-a]

nuxt.config.jsに以下を追加することでできました。

build: {
extend (config, { isDev, isClient }) {
if (!isDev) {
config.output.publicPath = './_nuxt/'
}
}