如何在 Lumen 中将 css 文件链接到我的 html答案

【问题标题】：How to link css files to my html in Lumen如何在 Lumen 中将 css 文件链接到我的 html
【发布时间】：2017-11-20 11:55:06
【问题描述】：

我刚刚开始学习 lumen，似乎无法找到这个简单问题的答案。这是我目前的<head>：

   <head>
    <title>Sharp notes!</title>
    <link rel="stylesheet" type="text/css" href="/assets/css/main.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    </head>

这会导致以下错误：

[Sat Jun 17 20:13:09 2017] 127.0.0.1:56950 [200]: /
[Sat Jun 17 20:13:09 2017] 127.0.0.1:56952 [404]: /assets/css/main.css - No such file or directory

请帮忙！

【问题讨论】：

/ 的路线和 css 路径是什么。
/ 转到我在myApp/resources/views/welcome.blade.php 中的欢迎页面。我的css路径是myApp/resources/assets/css/main.css
../assets/css/main.css
是的，没用。
{{ url('../assets/css/main.css') }}

标签： php html css laravel lumen

【解决方案1】：

您应该将 css 文件放在您的公共目录中。

myApp/public/css/main.css

那么资产助手应该正确解析路径

{{ asset('/css/main.css') }}

这里有进一步的解释：

https://laracasts.com/discuss/channels/general-discussion/asset-vs-url

您的资产（css、js、图像等）需要放在应用程序的公共目录中。

【讨论】：

【解决方案2】：

也许它可以帮助你尝试这个

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

【讨论】：

【解决方案3】：

解决方法：你需要使用 url('') ,

因为 Lumen 不提供资产助手功能，您可能希望使用 url，例如

url 函数为给定路径生成一个完全限定的 URL：刀刃。更多信息 ir : Laravel Helpers url()

如何：

带刀片：

<link rel="stylesheet" href="{{ url('/assets/css/main.css') }}">

使用 PHP ：

<link rel="stylesheet" href="<?php url('/assets/css/main.css') ?>">

如果你愿意，当然可以创建自己的资产辅助函数，看看这里：

https://laracasts.com/discuss/channels/lumen/extend-helper-functions-to-lumen?page=0

或

How to do {{ asset('/css/app.css') }} in Lumen?

【讨论】：

因错误而编辑；）和负面评论......我是初中对不起:)
使用 PHP 你错过了 echo。应该是； <link rel="stylesheet" type="text/css" href="<?php echo url('/assets/css/main.css') ?>">
这是对的！ -> Lumen 不提供资产助手功能...为我工作。

【解决方案4】：

您可以简单地将您的资产文件夹（包含 img、libs、js 和样式）放入公共文件夹并像这样做必要的事情。 <img src="assets/img/visa.PNG">

【讨论】：

【解决方案5】：

在 laravel lumen 中，您不必定义公共路径。将您的资产放入公共文件夹，其余部分将自动跟踪。欲了解更多信息，请访问https://lumen.laravel.com

【讨论】：