使用 xampp 时，Fontawesome 无法在 laravel 上正确显示答案

【问题标题】：Fontawesome is not displayed correctly on laravel when using xampp使用 xampp 时，Fontawesome 无法在 laravel 上正确显示
【发布时间】：2020-01-28 12:42:27
【问题描述】：

使用xampp 和PHP's built-in development server 之间似乎有区别。当我在laravel environment 上使用php artisan serve 时，fontawesome 中的所有图标都会正确显示。

但是当我使用xampp 时，所有图标看起来都像squares with little numbers in it。

有人知道为什么吗？

【问题讨论】：

标签： php laravel xampp serve

【解决方案1】：

XAMPP 和 php 服务之间的区别在于端口：xampp 上的 80 和 php artisan serve 上的 8000。有两种方法可以解决它：

1) 设置端口为 80 而php artisan serve --port 80

2) 在环境 (.env) 文件中设置正确的应用 url：APP_URL=http://localhost:8000

【讨论】：

当我使用 xampp 时，fontawesome 不起作用。如果我使用php artisan serve（无论哪个端口），fontawesome 都可以完美运行。这是为什么呢？
好的，清楚，谢谢。您可以在网络选项卡（Chrome、Frefox 等）中找到 fontawesome 文件加载响应。请只看网络负载，找到 fontawesome 文件，看看会发生什么。看起来路径不正确并且文件没有加载。当您通过 app serve 加载应用程序时 - 一切都是从框中配置的，但是当通过 xampp 时 - 您需要注意 httpd-vhosts.conf 文件中的路径。
也是调试此问题的最佳方法之一 - 通过 head 块中的 cdn 加载 fontawesome 文件：stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/…" rel="stylesheet" integrity="sha384- wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

【解决方案2】：

解决方案是在laravel mix 中定义public path，因为xampp 使用另一个根路径然后php artisan serve。

http://localhost/myproject/public/index.php     //xampp
http://127.0.0.1:8000/index.php                 //serve

所以我不得不添加到我的webpack.mix.js：

mix.setPublicPath('public');
mix.setResourceRoot('../');

就是这样。

【讨论】：