状況
nuxtでlaravelのstorageにある画像を取得できず。
imgのsec属性にうまくパスを指定できていない認識です。
ご教授いただけないでしょうかmm
原因??
consoleでなぜかhttp://localhost:4000となる以下エラ-(本来はhttp://localhost:8000であって欲しい)
http://localhost:4000/storage/app/public/test1%E7%94%BB%E5%83%8F.png
試したこと
vue
1 2~~~ 3 4<div class="content" v-for="(item, index) in items" :key="index"> 5{{item.cover_image}} 6</div> 7 8~~~ 9 10<script> 11 12~~~ 13 14 mounted: function() { 15 this.$axios 16 .$get('http://localhost:8000/api/musicFileData') 17 .then(response => { 18 this.items = response 19 console.log(this.items) 20 }) 21 .catch(error => { 22 console.log(error) 23 }) 24 }, 25 26~~~ 27
vue
1<img :src="'/storage/app/' +'item.cover_image'"> 2<img :src="'/storage/app/public/test1画像.png'" alt=""> 3<img :src="'item.cover_image'">
画像が取得できない(色々なやり方を試す)
consoleを見ると、以下エラー
http://localhost:4000/storage/app/public/test1%E7%94%BB%E5%83%8F.png 404 (Not Found)
http://localhost:4000??
http://localhost:8000ではないのか
http://localhost:8000にしたい
あなたの回答
tips
プレビュー