作为 vue.js 的后端，我使用 laravel（端口 8000）
在我的数据库中，我有用户及其个人资料照片的名称（this.user.photo).
所以，我想展示这张照片。
<img :src="require(`http://localhost:8000/images/${this.user.photo}`)" alt="Profile Photo">
当我去http://localhost:8000/images/1.png我实际上看到了图像，但 Vue 说：
找不到模块：错误：无法解析'http://本地主机:8000'
PS: console.log(this.user.photo)输出1.png
UPD：我见过很多解决方案，比如this or this，但它们不起作用
看起来您的图像已经托管在服务器上，并且您没有在构建过程中捆绑它们。在这种情况下，您不需要使用require并直接将模板中的图像引用为
<img :src="'http://localhost:8000/images/' + user.photo" alt="Profile Photo">
请记住require是 webpack 提供的一种方法，用于在构建过程中解析依赖 URL，这样您就不必担心绝对 URL。require帮助我们引用与模块相关的 URL，这些 URL 在构建过程中由 webpack 解析。
简而言之，使用require当你的 Vue 项目模块中有静态资源时
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
