相信有很多同学在学习vue的刚开始嘟遇到过项目打包发布后发现CSS中的css背景图图片不显示具体如何解决只需要更改bind的配置即可
相信有很多同学在学习vue的刚开始嘟遇到过项目打包发布后发现CSS中的css背景图图片不显示具体如何解决只需要更改bind的配置即可
博主在测试打包项目时发现自己使用的404页面的css背景图图片无法显示,经过之前的问題基本推断又是路径问题。在搜索引擎一番查找后发现果然是路径的问题因为打包后的css文件在static文件夹下的css文件夹中,static文件夹和index.html是同级關系
这样引用时的路径就不对了,下面上解决办法:
这样就在打包时在css对应引用路径前加入了../../
这样路径就是从当前路径的父级目录的父级目录
开始,就可以成功找到css文件资源了
这里还有一个问题需要注意,在代码中尽量使用相对路径引用
不然即使照上面的方法改过の后路径也是不对的,如我的代码中引用一样:
这样css的图片引用路径就没有问题可以正常显示了。
感觉自己底子真的太差这几天┅点一点看官方文档感到非常吃力,很多地方都不懂想直接看自己需要的部分又不知道该看哪。
为了学这个我已经好几天没好好看书了最近大家都在看《人民的名义》,我也好想看可是时间不允许。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。