laravel - 如何路由视图和 css 中的所有图像以在 Laravel 中使用 IMGIX url？

Question

所以我有一个 laravel 项目，该项目快完成了，我们只是将所有图像传输到 S3 存储桶并将 IMGIX 连接到 S3 存储桶，因此所有图像都通过 IMGIX 从 S3 提供，这还可以在航班。

但是，CSS 中的图像具有相对路径，例如

.bg-image {
   background: url(/storage/icons/icon.svg);
}

视图中的图像是这样的：

<img class="icon" src="{{ asset('storage/icons/icon-white.svg') }}" />

有什么方法可以在网站上的所有图像（视图+ CSS）前面动态添加 IMGIX url（www.domain.imgix.net），以便它们都通过 IMGIX？

Answer 1

根据laravel 文档ASSET_URL，您可以通过在项目.env文件中设置变量来配置资产 URL 主机。例如：

ASSET_URL=https://www.domain.imgix.net

对于更复杂的用例，您可能需要考虑创建一个扩展资产并使用 imgix-php客户端库的辅助方法。