Nuxt.jsで静的なHTMLファイルを設置する

Nuxt.jsでrobots.txtやfaviconなど静的なアセットファイルを使用したい場合、staticディレクトリ内に配置して使用しますが、静的なHTMLファイルの設置も問題ないかが分からなかったので備忘録としてメモ。
この記事の内容はNuxt2の環境で試しています。

設置方法

結論としては、staticディレクトリ内に配置する形で問題なさそうです。

サンプルとして、staticディレクトリ内にlpという名前のフォルダを作成して、その中にindex.htmlを配置します。
ブラウザで http://localhost:3000/lp/ にアクセスしてみると、配置したHTMLファイルの内容を確認することができました。

次にpagesディレクトリ内にlp.vueというファイルを追加して、競合している場合はどうなるのかを試してみます。
この状態で http://localhost:3000/lp/ にアクセスすると、staticに配置した方のHTMLファイルの内容が表示されました。
設定等にもよるかもしれませんが、staticに配置してあるファイルの方が優先になるようです。

参考サイト

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年12月
1234567
891011121314
15161718192021
22232425262728
293031