当前位置: 首页 > 知识库问答 >
问题:

为什么我不能在刀片模板中获得CSS资源的完整路径?

司马高韵
2023-03-14

我对拉雷维尔很陌生。我正在开发一个Laravel5.4应用程序,在使用blade检索CSS资源的复杂URL时遇到以下问题。

这是我的应用程序。刀身表示所有“我的视图”模板的php文件:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--<link href="/css/app.css" rel="stylesheet">-->
    <!--<link href="{{ URL::asset('css/app.css') }}" rel="stylesheet" type="text/css" >-->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <script src="/js/app.js"></script>
</head>
<body>

    <div class="container" style="width: 60%; margin-bottom: 50px;">
        @yield('content')
    </div>

    @yield('footer')

</body>
</html>

正如您所看到的,下面是这样的帖子:Laravel 5找不到css文件

我以以下方式定义此CSS资源:

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

取回http://localhost/HotelRegistration/public/css/app.css来自正确位置的资源。

问题是这样做会打开一个URL,比如http://localhost/HotelRegistration/public/registration

我仍然在生成的页面中获得错误的CSS链接,这一个:

<link href="/css/app.css" rel="stylesheet">

这样做我希望得到正确的答案http://localhost/HotelRegistration/public/css/app.css

我也试图使用这个替代链接导入它:

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

但我也得到了同样的结果。

怎么了?我错过了什么?如何解决此问题并获得正确的CSS url(包括整个路径)?

共有3个答案

颛孙建业
2023-03-14

如果您在localhost上工作,您应该从目录根目录项目(例如:酒店注册/)运行命令行:

php artisan serve

默认情况下,您可以使用url:http://127.0.0.1:8000/访问您的项目,您的css链接将看起来像http://127.0.0.1:8000/css/app.css

如果要在远程服务器上托管,可以使用。htaccess重写模式重定向到索引。公共目录的php。

邰昀
2023-03-14

在apache配置文件中使用虚拟主机您的根目录是public dir而不是localhost根目录(当然要替换您的\u localhost\u root\u路径):

<VirtualHost *:80>
ServerAdmin test@test.com
DocumentRoot YOUR_LOCALHOST_ROOT_PATH/HotelRegistration/public
ServerName hotel.dev
<Directory "YOUR_LOCALHOST_ROOT_PATH/HotelRegistration/public">
      AllowOverride All
      Require all granted
</Directory>

当然是酒店。dev在internet上不存在,没有问题,请使用您的系统主机文件!在主机文件(在windows:C:/windows/System32/drivers/etc/host、linux/etc/host上)中添加以下行:

127.0.0.1 hotel.dev

您还可以添加更多行:

127.0.0.1 hotel.dev another.dev youtestsite.dev

重新启动你的浏览器和apache它应该立即工作

和使用http://hotel.dev

在此之后,您不应该有任何路径问题!

严俊彦
2023-03-14

首先,使用工匠发球是个好主意:

php artisan serve

这将减少很多头痛。如果您使用的是Mac电脑,请尝试valet。它真的很好,很轻。

其次,您需要以以下方式导入css:

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

我希望这能解决你的问题。

 类似资料:
  • 我正在尝试在Quarkus中配置Swagger。Quarkus的我的版本:1.9.2。最终的 我的依赖关系: 和我的财产资源: 使用:mvn启动应用程序时,请编译quarkus:dev并转到以下url: <代码>http://localhost:8080/swagger-找不到ui\u/ 但是,如果我用maven(mvn包)制作一个包,然后启动jar,则返回相同的url: RESTEASY0032

  • 我在刀片模板中有一个循环foreach,我在其中打印来自特定模型的数据,问题是我无法获得“$pedido”的值- 奇怪的是当我给这个“$pedido”编码时- 但是编码这个“$pedido- 数据从控制器发送: 另一件奇怪的事情是,我有相同的代码和不同的模型,它是工作的。 提前感谢您的帮助

  • 我想要进入的文件夹名为python,在我的桌面上。 当我试图找到它时,我得到了以下错误

  • 我有一个db2查询,今天我意识到需要扩展该查询。 我的表使用联接已经相当复杂了,所以我并不想添加联合查询。我想做一个完整的外部连接。 我想是因为另一个左联接。

  • 问题内容: 我几次在这里找到相同的问题,但是找不到答案。 当我运行我的应用程序时,我收到以下错误 这是项目的pom文件(我仅添加了主要部分) 这是我的web.xml文件 这是我的Test.java类 请告诉我我在哪里做错了?提前致谢 问题答案: 我没有机会测试您的版本(使用web.xml),说实话,当我使用Resteasy 时,我对 xml的使用不多,所以我不会去尝试解释什么是错误的(如果有的话)

  • 我收到一个非法监视器异常。我在谷歌上搜索了一下,但没有什么能说明我做错了什么。 从这个normalclass中,我为其他类创建了一个对象,并将该对象交给thread和同步thread。为什么我会得到这个例外?