エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.jsとLaravelで/public以下の画像ファイルなどを呼び出したい - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.jsとLaravelで/public以下の画像ファイルなどを呼び出したい - Qiita
<template> <div> <img :src="'/img/image.jpg'"> </div> </template> 解説 1. Vue.jsから見た/ルートは... <template> <div> <img :src="'/img/image.jpg'"> </div> </template> 解説 1. Vue.jsから見た/ルートは/public appName/public/img/image.jpgにあるファイルは /img/image.jpgで呼び出せます。 補足: /publicはlaravelで作製したディレクトリで/appや/routesと同じ階層のことだよ! これはコンパイルするディレクトリが指定されているからだね! Laravelなら多分laravel-mix使ってるかな? webpack.mix.jsってファイルに個別設定とrequire()で呼び出されてるものがあるから追ってみるといい! 2. :src=""の形式でpathを文字列で指定する src='/img/image.jpg'で書くとコンパイルすらさせて貰えなかったりす