Laravel CSS 资产功能未指向正确 URL

Question

我正在使用 Laravel，在我的布局 blade 模板文件中（我所有的视图都使用）我有以下代码来生成我的样式表 URL:

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

生成页面时，显示如下：http://myapp.test/css/app.css 看起来是正确的，我在以下目录中有一个文件 \resources\css\app.css.

当我尝试通过 URL 直接访问 css 文件时，laravel 抛出 404 错误，谁能告诉我我做错了什么？

Answer 1

如果您不使用 mix.css 或 tailwind 或其他任何东西，而是编写自己的 css，请将其放入 /public/css/app.css

Answer 2

当你使用 {{ asset('css/app.css') }} 时，laravel 指向 public/app.css。

浏览器只能访问 public 文件夹内的内容。

Laravel 使用 webpack，它符合位于 resources/css 内的 css 文件并保存到 public/css.

如果您查看项目根文件夹中的 webpack.mix.js，您会看到以下内容：

mix.js('resources/js/app.js', 'public/js')    
.postCss('resources/css/app.css', 'public/css', [
    //
]);

因此，如果您访问 http://myapp.test/css/app.css ，您应该会在 public 文件夹中找到 css。您可以通过浏览器开发人员工具（即页面检查）的 source 选项卡确认这一点。

Laravel CSS asset function doesn't point to correct URL