使用 xampp 时，Fontawesome 在 laravel 上显示不正确

Question

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

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

有人知道为什么吗？

Answer 1

您的 XAMPP 和 php 服务之间的区别在于端口：xampp 上的 80 和 php artisan 上的 8000 服务。有两种修复方法：

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

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

Answer 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('../');

就是这样。

Fontawesome is not displayed correctly on laravel when using xampp