Laravel静态外部文件引入方式
在写页面肯定会引入相关的外部文件(js、css、image),则会涉及到路径的问题。
建立index.css文件
为了方便测试,创建一个index.css文件,放在public/css
如果引入有效,则背景会变成pink色
* {
background-color: pink;
}
创建视图 test.blade.php 引入index.css文件
-
引入index.css文件
<link rel="stylesheet" type="text/css" href="css/index.css">
效果:背景没有变pink色,则引入无效。
打开网页并没有变pink色
打开“开发者工作”把鼠标放在link的href链接上,然后右键“open in new tab”打开。
我们发现,地址栏是:
http://www.laravel227.com/view/css/index.css
这么一串东西,也就是说当前的引入方式,是相当于当前位置来的。 -
引入index.css文件
<link rel="stylesheet" type="text/css" href="/css/index.css">
效果:背景变pink色,则引入有效。
为什么:因为“/”是根目录,从根目录开始。 -
引入index.css文件
<link rel="stylesheet" type="text/css" href="{{asset('css')}}/index.css">
效果:背景变pink色,则引入有效。
为什么:asset()方法,直接获取当前域名