这里的limit是个坎,图片小于这个限制时会被转成base64,大于这个限制会被当成模块被url-loader处理,加入hash值,变成一个绝对路径...结合第二种方案的坑,这时的图片也有可能找不到...因此,可以适当的把这个限制调大点,然后重新npm run dev... background-image线上使用相对路径配置2点: vue项目中若要使用相对路...
在vue-cli生成的工程中,如果在vue中使用background image style的话。图片的url路径必须在前面加上~@,这样在生成后,才能正确显示,否则会提示找不到图片文件。这是为什么?~应该是src路径的意思,@是什么意思呢?为什么加上~@就可以告诉load,将图片拷贝到static中去呢? export default { data () { return { img:...
一开始图片图片放在了assets文件夹下,img和background-image引用都用相对路径,build的时候设置assetsPublicPath: ‘./‘,打包出来后发现background-image的路径出现了问题解决方法: 1、先在data里面导入这张图片,例如: bg:require(‘./openIndexBG2.jpg’) 2、然后在template里面对需要background-image属性的DOM做个...
一个vue项目中有一张图片,在css中background-image中使用,大小超过了url-loader大小限制。 npm run dev的时候一切正常。 npm run build之后图片被直接放在dist/static/img文件夹下,但是打包后的css却在dist/static/css/static/img路径下找该图片,如果我把url-loader大小限制改成超过图片大小也能正常显示,但是图片较...
一个vue项目中有一张图片,在css中background-image中使用,大小超过了url-loader大小限制。 npm run dev的时候一切正常。 npm run build之后图片被直接放在dist/static/img文件夹下,但是打包后的css却在dist/static/css/static/img路径下找该图片,如果我把url-loader大小限制改成超过图片大小也能正常显示,但是图片较...
可以这样使用::style="{'background-image':'url('+file+')'}" 这里的file变量是指向通过import引入的图片的vue data的属性,也可以使用字符串模板使之看起来更简洁些。 有用 回复 柯基: import怎么引用'~@/assets'路径的文件啊?我img3的引用方式会报错 vue找不到文件 回复2017-09-23 鹿俊: img变量要...