background-image: url()请求图片404 ，网络请求类型为text/html

60 阅读 0 评论 40 点赞

我是靠谱客的博主耍酷小松鼠，最近开发中收集的这篇文章主要介绍background-image: url()请求图片404 ，网络请求类型为text/html，觉得挺不错的，现在分享给大家，希望可以做个参考。

使用框架Vue，操作public下的index.html

假如你跟我的情况是一样的，那么可以采取以下解决方案：

凡是在Vue框架内操作“引入文件”，最好使用<%= BASE_URL %>来定位文件。

因为在 webpack 中全局声明了 BASE_URL 变量为所在文件的根目录。

例子：

目录结构：

原代码：

background-image: url('./img/background.png');

要修改为：

background-image: url('<%= BASE_URL %>img/background.png');

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。