vue\cli3.0 配置静态资源问题

重要事情说三遍 vue\cli3.0的静态资源要(放在public目录下!放在public目录下!放在public目录下!)这样在打包时不会被解析,而直接引用他。

图片资源引入

data () {
    return {
        imgUrl: require('1.jpg')
    }
}


<img :src="imgUrl" alt="" />

本地资源下载

data () {
  return {
    resourcePath: process.env.BASE_URL
  }
}


<a :href="`${resourcePath}test.pdf`" target="_blank" download="test.pdf">下载文件</a>

猜你喜欢

转载自blog.csdn.net/zhuoganliwanjin/article/details/106348284