Vue+webpack+Echart Echart富文本图片找不到 404

echart富文本里可以放图片，具体这样写：

            rich: {
              Disconnect: {
                height: 30,
                align: 'left',
                backgroundColor: {
                  image: '../../assets/images/fail.png'
                }
              }
            }

image是图片的相对路径。

官网例子是这样的：

http://www.echartsjs.com/gallery/editor.html?c=pie-rich-text

我们直接写相对路径时，会报找不到这个图片，解决办法是：

在js中require这张图片

var icon = require('../../assets/images/fail.png')

下面再使用就可以了

            rich: {
              Disconnect: {
                height: 30,
                align: 'left',
                backgroundColor: {
                  image: icon
                }
              }
            }