如何在 Lumen 中将 css 文件链接到我的 html
Posted
技术标签:
【中文标题】如何在 Lumen 中将 css 文件链接到我的 html【英文标题】：How to link css files to my html in Lumen 【发布时间】：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')
【参考方案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
【讨论】：
以上是关于如何在 Lumen 中将 css 文件链接到我的 html的主要内容，如果未能解决你的问题，请参考以下文章
Lumen：刚刚安装了lumen，无法从公用文件夹中获取资源
如何在 Vue-CLI 3 中将预取和预加载资源插入到我的自定义 HTML 文件中？
如何在 express 项目中将 css 链接到 html？
需要帮助使用 VBA 在 excel 中将超链接插入到我计算机上的指定图片