2

我正在学习 Laravel 并使用 Laravel 8 和 Jetstream。在 XAMPP 上测试应用程序时,css 不会加载到登录/注册页面上。css 链接指向 localhost/app/css 位置。如果我使用php artisan serve命令但在 XAMPP 上不起作用,它可以正常工作。我如何更正 css 指针,以便它可以与php artisan serve命令以及 XAMPP 一起使用?

4

3 回答 3

7

在 public\mix-manifest.json 中,更改:

"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"

"/js/app.js": "js/app.js",
"/css/app.css": "css/app.css"

这种方法对我有用,而且它适用于 XAMPP 和 artisan serve。

于 2021-05-22T16:03:04.427 回答
5

resources\views\layouts\app.blade.php中,更改:

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

至:

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

这将在 wamp 或 xampp 中工作。

于 2021-03-14T13:12:51.940 回答
0

如果你改变public\mix-manifest.json文件

"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"

"/js/app.js": "js/app.js",
"/css/app.css": "css/app.css"

它不适用于文件:/user/profile,为此你需要../

所以你必须做第二个选项,但也不要忘记更改 .js 文件!所以在:resources\views\layouts\app.blade.php chage

<link rel="stylesheet" href="{{ mix('css/app.css') }}">
<script src="{{ mix('js/app.js') }}" defer></script>

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

并且不要忘记在文件中做同样的事情:resources\views\layouts\guest.blade.php chage

于 2022-01-14T23:02:24.417 回答