FontAwesome 图标仅在 /public 文件夹之后有效

Question

我遇到了 FontAwesome 图标的问题，它们只有在我将 /public 放在 URL 末尾（例如 www.example.com/public）之后访问 laravel 项目后才会显示和工作

如果我将服务器指向公共文件夹并以（www.example.com）访问项目，则 FontAwesome 图标不会显示，仅显示为方形空框。我正在从我的服务器导入 FontAwesome，但我没有使用链接。

webpack.mix

const mix = require('laravel-mix');

mix.js('../resources/js/app.js', '/js')
    .sass('../resources/sass/app.scss', '/css').sourceMaps()

还有

这很奇怪，为什么 fontawesome 只能在 URL 中的 /public 之后起作用。我希望在没有 /public 放入 URL 的情况下加载图标。

Answer 1

您遇到的问题可能是由于 CSS 中 FontAwesome 文件的路径不正确造成的。当您从 /public 目录提供 Laravel 应用程序时，资产（包括 FontAwesome）的路径应该相对于该目录。在 webpack.mix.js 文件中，您将编译后的资源输出到 /js 和 /css 目录。但是，这些路径是相对于 Laravel 应用程序的根目录，而不是 /public 目录。要解决此问题，您应该更改 webpack.mix.js 文件以将编译后的资源输出到 /public/js 和 /public/css 目录。

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css').sourceMaps()