使用Vue/JavaScript将新图像动态下载到静态资产文件夹中

我有一个Vue应用程序，用户可以在不同的“站点配置文件”之间切换，每个配置文件都是他可以访问的不同公司（站点）的配置文件，每个配置文件都有自己的徽标

我希望网站的徽标显示在页面顶部，也可以在web应用程序的其他区域使用（作为水印等）

所有站点的徽标都存储在一个S3存储桶中，我在服务器端生成了一个下载URL，当用户在站点之间切换时，该URL与站点的其他数据（站点名称等）一起发送

每次用户切换到某个站点的配置文件时，我想动态下载站点的徽标并将其存储在客户端的资产文件夹中。然后，我可以根据需要在我的web应用程序中使用徽标

如何从S3链接下载图像并将其保存到Vue应用程序的资产文件夹？这是在我的网站的不同位置显示网站徽标（动态显示，因为用户将在不同的网站之间切换，这些网站都有自己的徽标）的最佳方法，并且他可以访问Vue应用程序，还是有更好的方法

仅供参考，我目前在S3下载链接上设置了一个过期时间，当图像保存到S3时，文件扩展名将被删除，因此我在上载图像时存储原始文件名，然后在再次下载时，希望将文件作为原始文件名保存在客户端的assets文件夹中，以便可以在img标签中查看