vue插件中图片, 但是在项目中使用的时候404

Question

问题描述

vue插件中图片, 但是在项目中使用的时候404

问题出现的环境背景及自己尝试过哪些方法

项目地址：https://github.com/BengBu-Yue...

相关代码

// 没有发不到npm
// node_modules下

git clone https://github.com/BengBu-YueZhang/vue-message-box.git

// main.js

import MsgBox from 'vue-message-box'
import 'vue-message-box/dist/MsgBox.css'

Vue.use(MsgBox)

// xx.vue

this.$toast({
  duration: 10000
})

你期待的结果是什么？实际看到的错误信息又是什么？

插件中使用的图片，404

Answer 1

图片试试 require ;

例如:

将

return {
   imgUrl:"../assets/images/fk.jpg"
}

改写为

return {
   imgUrl: require("../assets/images/fk.jpg")
}