get an address from JSON that points to a picture in the local src/assets directory. It cannot be displayed when the obtained address object is placed in .
part of this component in vue:
<div class="contactcells">
<div class="contactcell" v-for="contactinfo in contacts">
<router-link :to="{path:"/details",query:{contactid:contactinfo}}">
<div id="contactunit">
<!-- -->
<!-- jsonstatic/data.json -->
<div class="contactcellimg">
<img :src="contactinfo.headerimg">
</div>
<div class="contactcellname">
{{contactinfo.name}}
</div>
</div>
</router-link>
</div>
</div>
but the picture cannot be displayed correctly when it is displayed,
html code in browser:
<img src="../assets/image/zxl.jpg">
am I missing a step?