将 css/js 文件导入 laravel 8 时出现 404 错误答案

【问题标题】：404 error importing css/js files into laravel 8将 css/js 文件导入 laravel 8 时出现 404 错误
【发布时间】：2021-11-03 15:00:56
【问题描述】：

我在 Laravel 8 中完成了一个项目，该项目位于一个名为 'MyProject' 的文件夹中，该文件夹位于 Xampp's htdocs 文件夹中。

在我的例子中，我正在尝试将一个用 HTML 制作的模板导入到我的 Laravel 项目中。

为此，我已经设置了一个路由、一个控制器并创建了一个视图，但不幸的是我在导入 CSS 和 Javascript 文件时遇到了问题：

<script src="{{ asset('assets/js/countdown-home.js') }}"></script>
<link rel="stylesheet" href="{{ asset('assets/js/countdown-widget.css') }}">

（如您所见，我的 CSS 和 Javascript 文件位于 public 文件夹中，更具体地说，位于 assets 中。）

为了解决这个问题，我首先在 .ENV 文件中创建了一个新参数（然后在打开服务器之前运行了php artisan config:cache 命令）：

ASSET_URL=public

不幸的是，chrome 浏览器找不到文件，并声称以下错误消息：

获取 http://127.0.0.1:8000/MyProject/public/assets/js/countdown-widget.css net::ERR_ABORTED 404（未找到）

我该如何解决这个问题？

【问题讨论】：

我怀疑本地地址应该是：http://127.0.0.1:8000/assets/js/countdown-widget.css，因为客户端浏览器通常无法识别项目名称和公共 HTML 文件夹。但我不确定您将如何更改这些值
公用文件夹应该是您域的根目录。最好在你的 hosts 文件中为你的应用程序创建一个域，并将其指向 Laravel 公用文件夹。请注意，对于 laravel 应用，使用 XAMPP 并不理想。

标签： php laravel

【解决方案1】：

解决方案

在几次失败的尝试之后，我决定做一些不同的事情。

我从 htdocs 中删除了 laravel 项目文件夹 ('MyProject') 并将其放在我的桌面上，然后我从那里运行 php artisan serve。

神奇的是，一切都按预期工作，所以我想当项目位于 htdocs 文件夹中时，laravel 无法找到 css 文件。

【讨论】：