Fatal编程技术网
  • php/
  • Php 使用xampp时，在laravel上无法正确显示Fontawesome

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

php laravel xampp

Php 使用xampp时，在laravel上无法正确显示Fontawesome,php,laravel,xampp,serve,Php,Laravel,Xampp,Serve,使用xampp和PHP的内置开发服务器之间似乎有区别。在我的laravel环境上使用php artisan serve时，会正确显示fontawesome中的所有图标 但是当我使用xampp时，所有图标看起来都像 有人知道为什么吗？XAMPP和php服务的区别在于端口：XAMPP上80个端口，php artisan服务上8000个端口。 有两种方法可以解决此问题： 1） 当php artisan serve--端口80时，将端口设置为80 2） 在环境（.env）文件中设置适当的应用程序url:

使用
xampp
和
PHP的内置开发服务器之间似乎有区别。在我的
laravel环境
上使用
php artisan serve
时，会正确显示
fontawesome
中的所有图标

但是当我使用
xampp
时，所有图标看起来都像


有人知道为什么吗？
XAMPP和php服务的区别在于端口：XAMPP上80个端口，php artisan服务上8000个端口。
有两种方法可以解决此问题：

1） 当php artisan serve--端口80时，将端口设置为80


2） 在环境（
.env
）文件中设置适当的应用程序url:app_url=
解决方案是在
laravel mix
中定义
公共路径
，因为
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('../');



就是这样。
当我使用xampp时，
fontawesome
不起作用。如果我使用
php artisan serve
（无论哪个端口），
fontawesome
都能完美工作。为什么？好的，明白了，谢谢。您可以在网络选项卡（Chrome、Frefox等）中找到文件加载响应。请只看网络负载，找到文件，看看会发生什么反应。看起来路径不正确，文件未加载。当您通过
app-serve
加载应用程序时，一切都是从框中配置的，但当通过xampp加载应用程序时，您需要注意
httpd vhosts.conf
文件中的路径。调试此问题的最佳方法之一是通过
head
块中的cdn加载文件：