静的なnuxt.jsアプリケーション(nuxt generate
でビルド)をWebサーバーのサブディレクトリにデプロイしたいと思います。 nuxtは、生成されたファイルをデフォルトでdist
ディレクトリに配置します。
dist
フォルダの親ディレクトリでWebサーバーを起動し、次のページを開いた場合:
http://localhost:34360/dist/
サイトは(失敗して)ドメインルートディレクトリからスクリプトファイルを読み込もうとします。
NuxtconfigでpublicPath
プロパティを設定してみました。
build: {
publicPath: '/dist/'
}
アプリケーションは次のようにコンパイルされます。
これで、nuxtはスクリプトファイルを1レベル下(/ dist/dist)に移動し、ルートレベルで再度検索(/ dist)しますが、それでもファイルは見つかりません。
サーバー上のどのディレクトリに配置しても、スクリプトとアセットが読み込まれ、自己完結型になるように、サイトを生成するにはどうすればよいですか?
この問題はカバーされています GitHubで しかし、上記のように、提案されたヒント(publicPathを使用)は機能しませんでした。
補足:publicPath absolut(つまり、http://localhost:8080/dist
)を指定したくありません。これは機能しますが、新しい問題が発生します。
必要です ルーター/ベース
router: {
base: '/dist/'
}