如何在Vue js中将相对图像url转换为绝对图像url？

Question

我调用了我的 API 来获取相对路径。 我想通过添加域名使其成为绝对路径。 我怎样才能在 Vue js 中做到这一点？

<img :src="`https://my_domain.com` {{ item.settings.image.path }}>

item.settings.image.path是对我的 API 的调用并返回类似/storage/uploads/my_picture.jpg 。

我在网上找不到任何资源，我不确定语法。 我SyntaxError: Unexpected token (8:12) at Parser.pp$4.raise收到解析错误SyntaxError: Unexpected token (8:12) at Parser.pp$4.raise

Answer 1

你的语法错误，应该是：

<img :src="`https://my_domain.com${item.settings.image.path}`">

例子：

 new Vue({ el: "#app", data: { link: '/vi/MPV2METPeJU/maxresdefault.jpg', } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <img :src="`https://i.ytimg.com${link}`"> </div>