如何使用 vuejs 从 SPA 从 /storage -laravel- 访问图像

Question

如果我将图像放入“storage/app/public/img/logo.png”并执行：

 $ php artisan storage:link

我如何在 vue 组件中获取 logo.png？

 <img src="storage/app/public/img/logo.png">

请求没问题 (200) 但该图像未呈现，因为它是 SPA。

谢谢，

原文由 Wiicho Orozco 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

好吧，做完之后：

 $ php artisan storage:link

在我的组件中，我使用了：

 <img :src="'../storage/img/logo.png'">

谢谢，

原文由 Wiicho Orozco 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

当您使用 storage:link 命令时，您会在 storage/app/public 文件夹和 public/storage 文件夹之间创建一个符号链接。

所以现在你可以在 url $BASE_URL/storage/img/logo.png 找到你的文件。

我建议您在刀片模板中使用 asset 辅助函数：

 <img src="{{ asset('storage/img/logo.png' }}">

注意：一定要在文件夹上设置正确的文件权限，否则在尝试访问它时会出现 Unauthorized 错误。

原文由 gbalduzzi 发布，翻译遵循 CC BY-SA 4.0 许可协议