laravel - 使用 Laravel 在 VueJs 中显示动态图像

Question

我正在尝试使用 VueJS 显示存储在 storage/app/public/images 文件夹中的图像，但不知何故，图像未显示在 vue 文件中

 <img v-bind:src="img" />

 export default {
    data(){
    return{
        img:'',
    };
},
   mounted() {
        axios.get('/api/image')
        .then(res => {
            this.img = res.data
        })
        .catch(error => console.log(error))
    },

返回的路径是正确的，但是没有显示图像。

请帮助

标签： laravelvue.jsvuejs2

Answer 1

创建返回照片的函数

<img class="profile-pic" :src="getProfilePhoto()" alt="profile-pic">

 getProfilePhoto() { // return default if image is null
        var photo = (this.img == null) ? "/images/user.jpg" : this.img
         return photo
    },

这是一个链接

有一个工作示例。