如何从服务器vuejs检索图像?

时间:2020-03-31 07:52:13

标签: laravel vue.js

我想在vuejs中从服务器检索图像并显示到刀片laravel, 问题是无法显示图像下面的代码。

<tr v-for="post in posts">
    <td>{{post.title}}</td>
    <td>{{post.content}}</td>
    <td><img :src="'storage/image' + post.image"/></td>
    <td>
        <button class="btn btn-danger" @click="deletePost(post)"><i style="color:white" class="fa fa-trash"></i></button>
    </td>
</tr>

1 个答案:

答案 0 :(得分:0)

请确保从以下位置开始可访问存储空间:

php artisan storage:link

然后您的图片网址是错误的:

<td><img :src="`/storage/image/${post.image}`"/></td>