2017-04-19 27 views
1

因此,我有一个新鲜的Laravel 5.4项目,它安装了font-awesome-sass,它安装在 http://localhost/projects/laravel54中。css网址指向绝对路径,noth relative

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

@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; 
 
}

任何人都有类似的经历或可能的解决办法?谢谢!

+1

'网址(/ fonts'意味着它将是相对于根(在这种情况下为localhost),而不是相对于项目的根,你可能会需要使用相对路径像例如'url(fontawesome-webfont.eot)' – apokryfos

回答

1

之前的任何CSS编译/ concatination行动插入这解决了问题。

mix.options({ 
 
\t processCssUrls: false 
 
});