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

Question

我打电话给 API 获取相对路径。我想通过添加域名使其成为绝对路径。我如何在 Vue js 中执行此操作？

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

item.settings.image.path 是对我的 API 和 returns 的调用，例如 /storage/uploads/my_picture.jpg。

我在网上找不到任何资源，我也不确定语法。我收到解析错误 SyntaxError: Unexpected token (8:12) at Parser.pp.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>

How can I convert a relative image url to absolute image url in Vue js?