auth 页面在 laravel 中没有获取 css

Laravel

在使用 Laravel 开发的过程中，我们可能会遇到一些问题，比如在 auth 页面中无法获取到 CSS 样式。这是一个常见的问题，但却可以通过简单的方法解决。

首先，我们需要确保在 Laravel 项目中正确引入了 CSS 文件。通常，我们将 CSS 文件放置在 public 目录下的 CSS 文件夹中。在 auth 页面中，我们可以通过以下方式引入 CSS 文件：

html
<link rel="stylesheet" class="url" target="_blank" rel="nofollow noreferrer" href="/to/?target={{ asset('CSS/style.CSS') }}">

这里的 asset('CSS/style.CSS') 方法会根据项目的配置生成正确的 CSS 文件路径。

然而，即使我们正确引入了 CSS 文件，仍然可能无法获取到样式。这是因为 Laravel 默认使用了安全的 HTTPS 协议，而在开发环境下，我们通常使用的是 HTTP 协议。这导致浏览器拦截了非安全的资源加载，从而无法获取到 CSS 文件。

要解决这个问题，我们可以在开发环境中禁用 HTTPS 强制重定向。打开项目根目录下的 AppServiceProvider.php 文件，在 boot 方法中添加以下代码：

php
public function boot()
{
    if ($this->app->environment('local')) {
        // 禁用 HTTPS 强制重定向
        URL::forceScheme('http');
    }
}

这样，我们就成功禁用了开发环境下的 HTTPS 强制重定向，可以正常获取到 CSS 样式了。

案例代码：

在 auth.blade.php 文件中，我们可以按照以下方式引入 CSS 文件：

html
<!DOCTYPE html>
<html>
    <head>
        <title>Auth Page</title>
        <link rel="stylesheet" class="url" target="_blank" rel="nofollow noreferrer" href="/to/?target={{ asset('CSS/style.CSS') }}">
    </head>
    <body>
        <!-- 页面内容 -->
    </body>
</html>

在 AppServiceProvider.php 文件中，我们添加以下代码：

php
use Illuminate\Support\FaCADes\URL;
public function boot()
{
    if ($this->app->environment('local')) {
        // 禁用 HTTPS 强制重定向
        URL::forceScheme('http');
    }
}

通过以上步骤，我们可以在 Laravel 的 auth 页面中成功获取到 CSS 样式。

解决 Laravel 中 auth 页面无法获取 CSS 的问题

在开发 Laravel 项目时，经常会遇到 auth 页面无法获取到 CSS 的问题。这是由于 Laravel 默认使用了安全的 HTTPS 协议，而在开发环境中使用的是 HTTP 协议，导致浏览器拦截了非安全的资源加载。为了解决这个问题，我们可以通过禁用 HTTPS 强制重定向的方式来获取到 CSS 样式。

以上就是解决 Laravel 中 auth 页面无法获取 CSS 的方法，希望对大家有所帮助。如果还有其他问题，欢迎留言讨论。