vue 图片路径问题

Question

目录结构如下1.我试着直接往index.html里面放图片，用static里绝对路径可以实现，但是加载assets里的图片就不行，相对路径也没用,html文件如果想直接加载assets里面的图片怎么实现。2.还有是main.js里面挂载app,import tImg from './assets/logo.png'new Vue({  router,  data(){      return {        imgUrl:'./assets/logo.png'//        imgUrl:tImg      }  },  mounted(){      console.log(tImg)  },  template: `    <div id="app">      <h1>Route props</h1>      <img src="${tImg}">      <img src="${this.imgUrl}">//无效,直接访问imgUrl会报未定义       <img src="./assets/logo.png">//无效      <img src="../static/logo.png">      <router-view class="view" foo="123"></router-view>    </div>  `}).$mount('#app')如果不用字符串模板的话，可以直接相对路径引用图片转base64引入。但是用上面的字符串模板，无论是data里面的路径还是直接的相对路径都找不到图片，是我的写法有问题吗。config配置文件我直接用的vue-cli没有变。

Answer 1

这种问题一天见一个。

• vue-cli怎么获取static下的图片？

• 在vue页面中用img显示图片，有几种方式引入资源？

• VUE这样绑定图片地址失败