facebook twitter hatena line email

Javascript/nuxtjs/公開ファイル設定

提供: 初心者エンジニアの簡易メモ
2021年6月7日 (月) 17:39時点におけるAdmin (トーク | 投稿記録)による版 (Admin がページ「Javascript/nuxtjs/画像設定」を「Javascript/nuxtjs/公開ファイル設定」に、リダイレクトを残さずに移動しました)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

画像設定

assetsの下に画像を設定

vueでの記載方法

<template>
  <img src="~/assets/your_image.png" />
</template>

参考:https://ja.nuxtjs.org/docs/2.x/directory-structure/assets/

画像設定(その2)

staticの下に画像を設定

vueでの記載方法

<template>
  <img src="/image/hoge.png">
</template>

静的に処理したい場合はassetsではなく、staticに置くのかも。