无法在 laravel 中使用 vue.js 显示存储目录中的图像

Posted

技术标签:

【中文标题】无法在 laravel 中使用 vue.js 显示存储目录中的图像【英文标题】:Cannot display image from storage directory using vue.js in laravel 【发布时间】:2020-12-12 07:15:36 【问题描述】:

我在存储文件夹路径中保存图像是这样的:

storage\app\public\img\images_01.png

现在在我的 vue 组件中,我得到这样的图像:

这将返回以下路径:

 /storage/img/images_01.png

但问题是图像无法显示。

【问题讨论】:

【参考方案1】:

您只能访问公用文件夹中的文件。但是您可以使用 php artisan storage:link 添加符号链接,以便您可以访问 storage/app/public 中的内容

【讨论】:

我在控制台中收到此错误:GET localhost:8000/storage/img/images_01.png net::ERR_BLOCKED_BY_CLIENT 您是否安装了添加阻止浏览器扩展程序?也许看这里love2dev.com/blog/… 是的,我安装了广告拦截器

以上是关于无法在 laravel 中使用 vue.js 显示存储目录中的图像的主要内容,如果未能解决你的问题,请参考以下文章

在 laravel 刀片视图中显示 vue js 模板

Laravel 6 + Vue.js 无法挂载组件:未定义模板或渲染函数

无法在 Laravel 中使用 vue.js 上传多个图像

LARAVEL + Vue.js:使用刀片在 MPA 中显示整个页面的 vue.js 组件,对 SEO 不友好

无法在 Laravel/Vue.Js 中执行 Ajax 请求

如何在 Vue.js 中显示错误数组?使用 Laravel 进行后端验证