指向绝对路径的css url，不是相对的答案

【问题标题】：css urls pointing to absolute path, noth relative指向绝对路径的css url，不是相对的
【发布时间】：2017-04-19 16:29:01
【问题描述】：

所以，我有一个新的 Laravel 5.4 项目，它安装了 font-awesome-sass，它安装在 http://localhost/projects/laravel54 。

由于某种原因，正在“http://localhost/fonts....”而不是“http://localhost/projects/laravel54/public/fonts...”中搜索字体文件。我正在用 Laravel mix 编译我的 css 没有任何问题，但我不明白为什么 fontawesome 的 css 文件会搜索绝对路径中的文件，而不是相对于文件所在的位置...... 为 font-awesome 编译的 css 看起来像这样

@font-face {
  font-family: 'FontAwesome';
  src: url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
  src: url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713) format("embedded-opentype"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde) format("svg");
  font-weight: normal;
  font-style: normal;
}

有没有人有类似的经验或合理的解决方案？谢谢！

【问题讨论】：

url(/fonts 表示它将相对于根目录（在本例中为本地主机），而不是相对于项目根目录。您可能需要使用相对路径，例如url(fontawesome-webfont.eot)

标签： css laravel laravel-5.4

【解决方案1】：

在任何 css 编译/连接操作解决问题之前插入它。

mix.options({
	processCssUrls: false
});

【讨论】：