急！cordova打包后 ，只有在app.vue中的第一张图片可以加载，其余的都不行，路径都一样。

Question

如下（复制了一小段）：
Splash.png可以显示，companyImg.png无法显示,
而且后面的页面的图片dou'mei'ban'fa'xian'shi

<div v-if="!isMain" style="height: 100%;width: 100%">
      <div style="position: absolute;border: 1px solid black;border-radius: 10px;
                  width: 20%;text-align: center;margin-left: 75%;margin-top: 3%;">倒计时{{time}}</div>
      <img src="./assets/img/Splash.png" width="100%" height="100%">
    </div>

    <div v-if="isMain&!showMainPage" style="height: 100%;width: 100%">
       <img src="./assets/img/companyImg.png" width="100%" height="100%"/>
        </div>

<script>
         mounted: function () {
      var that = this

      var daoTime = window.setInterval(() =>{
        that.time--;
      }, 1000)

      window.setTimeout(() =>{
        that.isMain=true
        window.clearInterval(daoTime)
        //alert(this.ip)
        //初始化得到图片验证码
        that.validateCodeClick();
      }, 5000)

      var res = setInterval(function () {
        if (Vue.cordova.deviceready === true) {
           window.clearInterval(res)
          //打开app、设置蓝牙连接状态为未连接
          storage.set('isconnect',false)
        }
      }, 200)
  }
</script>

Answer 1

解决vue引入assets下图片路径找不到问题：

<img :src="imgsrc2">

export default{

     data(){  

     imgsrc2: require('../assets/logo4.png')
     }

}