08_Laravel靜態外部文件引入方式

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()方法，直接獲取當前域名