Vue解决动态图片无法加载的问题

[Talk is cheap. Show me the code]

不想看理论知识请直接移步最后代码示例。

一、业务场景

动态加载图片，图片无法正常显示，前缀默认添加了http://localhost:9588/
至于为什么会自动加，我没有找到确切的原因，后续找到后会进行更新

二、代码示例

示例：

HTML:

<img :src="imgURL" alt="图片">
<img :src="imgURL2" alt="图片"> 

JS:
 data() {
    return {
      imgURL: require('@/assets/error.png'),
      imgURL2: 'http://localhost:9588/@/assets/error.png '
    }
  },

使用require()将图片作为一个静态资源加载进页面即可。

如果有任何关于本文的意见，欢迎在文章下方留言，我会在看到的第一时间回复。