我是vue.js的新手,并尝试使用v-for指令渲染图像列表.相反,我得到了the server responded with a status of 404 (Not Found).我正在使用vue-cli生成的模板.
webpack url-loader应该改变对应于item.src某种[name].[ext]?[hash]格式的图像的url ,但它只是让它们一个人(实际上结果url是http://localhost:8080/assets/computer.jpg).
这是我的代码:
<template>
<h2 class="ui header">
<div class="content">
Recent Research
<div class="sub header">
recent research issue
</div>
</div>
</h2>
<div v-for="item in items" class="ui three column centered grid">
<div class="column">
<img class="ui centered medium image" :src="item.src" />
<h3 class="ui header">{{item.text}}</h3>
<p class="teal meta">{{item.extra}}</p>
</div>
</div>
</template>
<script>
export
default {
data() {
return { …