vue中如何绑定来自url的图片呢？

问题遇到的现象和发生背景
使用了在线云报表软件，生成出来的报表可以通过链接分享出去，我想通过这个链接直接在项目中看到这张报表。
问题相关代码，请勿粘贴截图

<template>
  <div>
      <img src="https://sugar.aipage.com/dashboard/948193ca69c363b6de1fc11586010b2e" />
  </div>
</template>

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果
显示url中的报表图片

<iframe
      src="https://sugar.aipage.com/dashboard/948193ca69c363b6de1fc11586010b2e"
      frameborder="0"
    ></iframe>

https://sugar.aipage.com/dashboard/948193ca69c363b6de1fc11586010b2e?%
这个并不是图片链接

或许你应该使用 iframe 而不是img

你这个是网址，不是图片地址，肯定显示不了

这个好像不是图片链接好像是网址，嵌套网址使用：iframe标签 具体使用查百度。