Webpack 图像src获取vuejs的404错误

我是vue.js新手，尝试使用

v-for

指令呈现图像列表。相反，我得到

服务器的响应状态为404（未找到）

。我正在使用生成的

webpack url加载器应该将

item.src

对应的图像的url更改为某种

[name].[ext]？[hash]

格式，但它只是将它们单独放置（实际上结果url是

http://localhost:8080/assets/computer.jpg

）

这是我的代码：

近期研究
近期研究课题
{{item.text}
{{item.extra}
出口
违约{
数据（）{
返回{
项目：[{
src:“../assets/computer.jpg”，
正文：“搜索引擎基础知识”，
额外：“使用谷歌”
}, {
src:“../assets/computer.jpg”，
正文：“搜索引擎基础知识”，
额外：“使用谷歌”
}, {
src:“../assets/computer.jpg”，
正文：“搜索引擎基础知识”，
额外：“使用谷歌”
}, {
src:“../assets/computer.jpg”，
正文：“搜索引擎基础知识”，
额外：“使用谷歌”
}, {
src:“../assets/computer.jpg”，
正文：“搜索引擎基础知识”，
额外：“使用谷歌”
}, {
src:“../assets/computer.jpg”，
正文：“搜索引擎基础知识”，
额外：“使用谷歌”
},
]
}
}
}

您正在向items数组的“src”字段传递一个字符串，Web包无法判断该字符串是否为资源

我建议您尝试将其更改为：

 items: [{
    src: require('../assets/computer.jpg'),
    text: 'fundamentals of search engine',
    extra: 'with Google'
  }, {    
....

---

通过这种方式，输出可以由webpack处理。

如果从图像返回404状态，则检查请求的图像url，并相应地进行更改。如果错误，请注意item.src应该与您的域相关，而不是与当前的.js文件相关。请求url是正确的。网页包的粘合过程可能有问题。webpack url加载程序只保留item.src对应的url（实际上结果url是一些

http://localhost:8080/assets/computer.jpg

），但它应该将url更改为某种

[name].[ext]？[hash]

格式。如果您像我一样从Google登录此页面：如果您使用vue cli启动项目，如果您使用Airbnb ESLint，它将为全球需求而唠叨。把它关掉，不管感觉有多脏，这似乎都是最好的选择。