如何在vue.js中设置文件存储路径前缀？

vd2z7a6w 于 2023-06-06 发布在 Vue.js

关注(0)|答案(2)|浏览(135)

我可以在laravel中使用file storage paths，如下所示：

// $request->image = '/about/imageID.jpg'
Storage::disk('public')->put($request->imagePath, $imageData);

但是当我尝试在vue.js内的img element中显示图像时，我必须添加/storage前缀：

// response.imagePath = '/about/imageID.jpg'
<img :src="'/storage' + response.imagePath">

这使得使用来自file storage的图像变得繁琐，因为我不能直接使用imagePath作为src，而是必须为每个img element添加/storage前缀。
当从file storage加载图像时，是否有方法将vue配置为始终采用/storage前缀？

2条答案

对于任何人谁有这个问题，请尝试

Storage::getDriver()->getAdapter()->setPathPrefix('/your/prefix/here');

或

Storage::disk('discName')->getDriver()->getAdapter()->setPathPrefix('/your/prefix/here');

保存文件之前

创建storage/app/public的快捷方式

php artisan storage:link

保存图片

$file = $request->file('image')->store('images','public');

获取图片示例url

<img :src="'/storage/' + response.imagePath">