静的ディレクトリ
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で編集する
更新日 Mon, Feb 28, 2022
Leoš Literák
Trizotti
Clément Ollivier
Sébastien Chopin
Marcello Bachechi
Rodolphe
Thomas Underwood
Shek Evgeniy
felipesuri
Lukasz Formela
Hugo Torzuoli
Sylvain Marroufin
Kareem Dabbeet
tramplay
Daniel Roe
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
Brett
Adam Miedema
Thomas Bnt
Kazuki Furukawa
Anthony Ruelle
Christophe Carvalho Vilas-Boas
Roman Harmyder