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に配置してあるファイルの方が優先になるようです。