Django 在Vue中将图像URL作为道具传递不起作用

我是Django Rest框架的新手，正在尝试学习如何使用Django Rest框架和VueJS创建一个完整的堆栈应用程序

我使用Django Rest框架将图像URL从Django服务器传递到我的Vue应用程序。当我将imageURL作为道具传递并绑定src属性时，图像不会显示。当我直接转到imageURL（在本例中为127.0.0.1:8000/static/images/fine_1.jpg）时，它是正确的URL，并且图像显示正确。如果我手动设置src属性，它将正确显示

<img :src="imageURL" alt="Product Image"/>
{{ imageURL }}

{{imageURL}}

{{imageURL}}

---

我研究过类似的问题，他们都提到使用require（），但此图像不在Vue应用程序的资产文件夹中，而是从Django应用程序获得服务。任何帮助都将不胜感激。

尝试添加

http://

？这很有效。谢谢你，杰

<img src="http://127.0.0.1:8000/static/images/meal_1.jpg" alt="Product Image" />
{{ imageURL }}