Vuejs2 在vue.js中显示图像

我想做一个水疗。在这方面，我在前端使用vue.js2，在后端使用Laravel5.5API。现在我想在前端显示图像。我用HTML编写了下面的代码

<img :src="/images/addressObj.image"/>

---

我应该在Laravel中将图像放在哪里？如何访问vue.js中的图像？

假设该图像是

.vue

或

.js

文件

<img :src="`/images/${addressObj.image}`"/>

---

假设变量

addressObj

是

.vue

或

.js

文件，我假设您已经正确地完成了必要的操作

<img :src="`/images/${addressObj.image}`"/>

---

我假设您已经正确地为变量

addressObj

做了必要的工作，因为您有动态源绑定，所以您必须要求每个映像

所以你应该这样做：

<img :src='require(`./images/${addressObj.image}`)'>

---

好吧，因为您有动态源代码绑定，所以您必须要求每个映像

所以你应该这样做：

<img :src='require(`./images/${addressObj.image}`)'>

---

这里的问题是您没有正确使用：src attr，：src spect字符串作为值，不要让双引号混淆您，在双引号之间您必须放置格式化字符串，请注意，如果使用

：src=“www.google.com/size”

img将尝试查找url

www.google.com/size

，而不是

www.google.com/350x150

，或者如果您尝试

www.google.com/{size}

，img将尝试查找

www.google.com/%7B%/Bsize%7D%7D

（size这是一个来自以下示例的变量）

newvue({
el:“#应用程序”，
数据（）{
返回{
尺寸：'350x150'，
尺寸2:'350x400'
}
}
})

尺寸350x150
尺寸350x200

尺寸2 350x400
尺寸2 350x300

这里的问题是您没有正确使用：src attr，：src spect字符串作为值，不要让双引号混淆您，在双引号之间您必须放置格式化字符串，请注意，如果使用

：src=“www.google.com/size”

img将尝试查找url

www.google.com/size

，而不是

www.google.com/350x150

，或者如果您尝试

www.google.com/{size}

，img将尝试查找

www.google.com/%7B%/Bsize%7D%7D

（size这是一个来自以下示例的变量）

newvue({
el:“#应用程序”，
数据（）{
返回{
尺寸：'350x150'，
尺寸2:'350x400'
}
}
})

尺寸350x150
尺寸350x200

尺寸2 350x400
尺寸2 350x300

Vue实例中的变量是

addressObj

吗？是。我编辑了这个问题。谢谢。

addressObj

是Vue实例中的变量吗？是。我编辑了这个问题。谢谢。谢谢@Ru Chern Chong。我编辑了这个问题。谢谢。谢谢@Ru Chern Chong。我应该把图像放在哪里？我不知道你为什么要放在那里。使用Laravel Storage helper？谢谢。我没有使用Laravel Storage helper。请继续。我认为它真的很有用而且很容易实现。如果您使用的是AWS，尽管您的客户保密，但他们已经有了集成。谢谢@Ru Chern Chong。我编辑了这个问题。谢谢。谢谢@Ru Chern Chong。我应该把图像放在哪里？我不知道你为什么要放在那里。使用Laravel Storage helper？谢谢。我没有使用Laravel Storage helper。请继续。我认为它真的很有用而且很容易实现。如果您使用的是AWS，他们已经有了集成，尽管这是您的客户机密。