静的ディレクトリ
static ディレクトリはサーバルートに直接マッピングされ、また変更されない可能性があるコンテンツファイルが含まれています。含まれている全てのファイルは Nuxt によって自動で提供され、プロジェクトのルート URL からアクセスできます。
/static/robots.txt は、http://localhost:3000/robots.txt で利用できます
/static/favicon.ico は、http://localhost:3000/favicon.ico で利用できます
このオプションは robots.txt、sitemap.xml、CNAME(GitHub Pages のデプロイに重要です)などのファイルに役立ちます。
このディレクトリは追加の設定をせずに名前を変更することはできません。
静的アセット
assets ディレクトリの Webpack assets を使用したくない場合は、画像を static ディレクトリに追加できます。
コードではルート(/)を基準にしてこれらのファイルを参照できます:
<!--static ディレクトリからの static 画像-->
<img src="/my-image.png" />
<!--assets ディレクトリからの webpack でバンドルされた 画像-->
<img src="~/assets/my-image-2.png" />
Nuxt はこのパスを変更しないため
router.base をカスタマイズする場合、手動でパスを追加する必要があります。例:<img :src="`${yourPrefix}/my-image.png`" />
静的ディレクトリの設定
必要に応じて nuxt.config.js ファイルで static/ ディレクトリの動作を設定できます。
静的アセットのプレフィックス
Nuxt をサブフォルダにデプロイする場合(例:/blog/ の場合)ルータベースはデフォルトで static アセットパスに追加されます。この動作を無効にしたいなら、nuxt.config.js で static.prefix を false に設定します。
export default {
static: {
prefix: false
}
}
デフォルト: /blog/my-image.png
static.prefix を無効にした場合: /my-image.png
このページをGitHubで編集する
更新日 Tue, Apr 5, 2022
Nazaré da Piedade
Mosaab Emam
Sylvain Marroufin
Iljs Путлер Капут
Daniel Roe
Heitor Ramon Ribeiro
Nero
Sébastien Chopin
Clément Ollivier
Yoon Han
Ikko Ashimine
FamCodings
Ayouli
F. Hinkelmann
felipesuri
Christophe Carvalho Vilas-Boas
Leoš Literák
Trizotti
Marcello Bachechi
Rodolphe
Thomas Underwood
Shek Evgeniy
Lukasz Formela
Hugo Torzuoli
Kareem Dabbeet
tramplay
verebelyicsaba
Adam
Nate Butler
Sandra Rodgers
Arpit Patidar
Matthew Kuehn
Steven DUBOIS
Travis Lindsey
syagawa
Maxime
かる
Al Power
Florent Delerue
quanghm
José Manuel Casani Guerra
Unai Mengual
kazuya kawaguchi
Michael Lynch
Tomachi
pooya parsa
Meir Roth