一个图片引入问题

<template>
<img :src="item.actionSrc" alt="" />
<img :src="item.src" alt="" />
</template>

<script>
const src = require(http.config.baseUrl + item.IconUrl)
const actionSrc = require(http.config.baseUrl + item.HoverIconUrl)
</script>

这种写法Vue会报错

[Vue warn]: Error in render: "Error: Cannot find module 'https://localhost:44358/img/nav1_checked.png'"

网上搜索后，发现解决方案有人建议把require放到:src里

 methods: {
    getImgUrl: function (img) {
      return require(http.config.baseUrl + img);
    },
}

还是一样报错的，，，

最后把require删掉就可以了，就是不用require放在链接前，，

const src = http.config.baseUrl + item.IconUrl
const actionSrc = http.config.baseUrl + item.HoverIconUrl