Php 某些页面上未加载样式表

我在应用程序中使用母版页，所有自定义样式和引导文件都包含在其中，并且工作正常，但当我使用通配符（例如localhost/final/User/id）时，所有引导和自定义样式链接都无法工作，所有文件都在公用文件夹中

<!-- Bootstrap CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/portal-style.css" rel="stylesheet">
    <link href="css/portal-stylesheet.css" rel="stylesheet">

这是我用通配符查看的屏幕截图

当我使用任何通配符时，这是所有不工作文件的链接

您应该使用helper构建指向CSS的链接：

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

如果您将css文件保存在

public/css

目录中，它将对您起作用。

您应该使用帮助器构建指向css的链接：

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

---

如果您将css文件保存在

public/css

目录中，它将对您起作用。

发生这种情况的原因是您对css文件路径进行编码的方式，该路径与您正在查看的页面相关

因此，当您查看：

localhost/final/user/id

时，浏览器将在此处查找css文件：

localhost/final/user/css/bootstrap.css

Laravel有一些帮助方法来消除设置资产文件（css、图像等）的痛苦

如果您使用的是blade，则可以使用以下方法：

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/portal-style.css') }}" rel="stylesheet">
<link href="{{ asset('css/portal-stylesheet.css') }}" rel="stylesheet">

---

发生这种情况的原因是您编码css文件路径的方式，该路径与您正在查看的页面相关

因此，当您查看：

localhost/final/user/id

时，浏览器将在此处查找css文件：

localhost/final/user/css/bootstrap.css

Laravel有一些帮助方法来消除设置资产文件（css、图像等）的痛苦

如果您使用的是blade，则可以使用以下方法：

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/portal-style.css') }}" rel="stylesheet">
<link href="{{ asset('css/portal-stylesheet.css') }}" rel="stylesheet">

---

通常，您可以将

asset（）

或

secure_asset（）

用于HTTPS，当您的资产（如css或js文件）位于

公用文件夹中时，这两种方法都可以工作。
或者，如果您未使用公用文件夹。然后
url（）
就会出现在那里

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



或

通常，您可以将
asset（）
或
secure_asset（）
用于HTTPS，当您的资产（如css或js文件）位于
公用文件夹中时，这两种方法都可以工作。
或者，如果您未使用公用文件夹。然后
url（）
就会出现在那里

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



或


您也可以只使用根相对路径，如
/css/bootstrap.css
您也可以只使用根相对路径，如
/css/bootstrap.css