iT邦幫忙

0

Laravel 無法正確載入css

  • 分享至 

  • xImage

先上圖
https://ithelp.ithome.com.tw/upload/images/20190627/20114276LkF3NxBgzJ.png
我用Ubuntu練習Laravel,不知道為什麼頁面載入css都失敗

後來才發現是類型錯誤導致無法載入

請問這該怎麼解呢? 謝謝

Ubuntu Server 18.04.02 LTS
Apache 2.4.29
PHP 7.2.17
Laravel 5.8.26

這篇只有回答一半而已
https://www.javaworld.com.tw/jute/post/view?bid=34&id=201203
這篇似乎直接把css拉到外部伺服器去,應該還是沒有根本解決
https://stackoverflow.com/questions/38713425/laravel-5-2-all-css-and-js-files-in-public-are-empty

以下是程式碼
↓ /var/www/html/laravel/home/routes/web.php

Route::get('/', function () {
    return view('welcome');
});

Route::get('C', function(){
    return view('C');
});

↓ /var/www/html/laravel/home/resources/views/A.blade.php

<meta charset="utf-8">
<title>TITLE</title>
<link href="{{ asset('css/main.css')}}" rel="stylesheet" type="text/css">
<script src="{{asset('js/app.js')}}" defer></script>

↓ /var/www/html/laravel/home/resources/views/B.blade.php

<!DOCTYPE HTML>
<html lang="zh-TW">
    <head>
        @include('A')
    </head>

    <body>
        <h1>This is TEST</h1>
        @yield ('hello')
        @yield ('name')
        @yield ('say')
    </body>
</html>

↓ /var/www/html/laravel/home/resources/views/C.blade.php

@extends ('B')
@section ('name')
My name is Tom.
@stop
@section ('hello')
Hey~~man~ What's up!!
@stop

↓ /var/www/html/laravel/home/public/css/main.css

body {
  color: purple;
}
看更多先前的討論...收起先前的討論...
小魚 iT邦大師 1 級 ‧ 2019-06-27 17:23:37 檢舉
你有改過什麼嗎?
rew87516 iT邦新手 4 級 ‧ 2019-06-27 17:28:43 檢舉
全新安裝Ubuntu後再各別安裝Apache、PHP,接著按照以下流程安裝Laravel而已
https://ithelp.ithome.com.tw/upload/images/20190627/201142762khcn228wz.png
firecold iT邦新手 1 級 ‧ 2019-06-28 12:13:38 檢舉
你看localhost跑不跑得起來
還有route C要改/C 雖然跟這邊比較沒關係
rew87516 iT邦新手 4 級 ‧ 2019-06-28 13:17:45 檢舉
localhost試跑是什麼意思@@?
firecold iT邦新手 1 級 ‧ 2019-06-28 14:19:27 檢舉
php artisan serve 先跑localhost:8000 看看
就算不用artisan 直接跑local應該不用port才對
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
小魚
iT邦大師 1 級 ‧ 2019-06-27 17:46:35

Laravel有正確執行嗎?
Laravel的安裝條件都符合了嗎?
http://it-life.puckwang.com/2016/05/laravel-windows.html

rew87516 iT邦新手 4 級 ‧ 2019-06-28 08:55:17 檢舉

安裝完後可以正常瀏覽Laravel預設首頁,我想它是正確執行的
透過info查詢,條件都符合

0
淺水員
iT邦大師 6 級 ‧ 2019-06-27 19:28:49
if(不使用laeavel,只用一般網頁,CSS載入一樣錯誤) {
    執行函數:檢查 apache 的設定
} else {
    檢查或是重新安裝 laravel //通常不會是這問題
}

function 檢查apache的設定()
{
    //因為我是 windows ,也許 ubuntu 的設定會有些不同
    打開 httpd.conf
    搜尋 mime,找到 <IfModule mime_module>
    確認裡面的內容
    由於看到他有連結到 mime.types,所以再檢查 mime.types 這個檔案的內容
}
看更多先前的回應...收起先前的回應...
rew87516 iT邦新手 4 級 ‧ 2019-06-28 08:46:49 檢舉

不使用Laravel可以正常載入css
所以是我的Laravel的設定問題嗎@@?

rew87516 iT邦新手 4 級 ‧ 2019-06-28 11:30:25 檢舉

直接把css寫在B.blade.php可以正常顯示css

淺水員 iT邦大師 6 級 ‧ 2019-06-28 12:09:38 檢舉

檢查看看css跟js的url是不是正確,還有回應的內容是不是正確,因為我看兩個檔案大小都是 200多byte,在猜是不是拿到錯誤的東西。

rew87516 iT邦新手 4 級 ‧ 2019-06-28 13:12:01 檢舉

url是正確的,因我把main.css改名字後它就報錯說找不到了
而且下載回來的檔案大小是0B(紅線右邊的右邊),因為下載下來的東西是空的
但實際上main.css是有東西的

rew87516 iT邦新手 4 級 ‧ 2019-06-28 13:22:49 檢舉

而且我覺得重點是型態偵測錯誤的關係(把所有檔案偵測成html)
所以造成有偵測到檔案,但因型態錯誤所以下載成一個空的檔

淺水員 iT邦大師 6 級 ‧ 2019-06-28 17:49:58 檢舉

像下圖這樣,檢查一下那個200多byte回傳的內容是什麼。
確認一下內容
https://ithelp.ithome.com.tw/upload/images/20190628/20112943aKpgoarMuH.png

rew87516 iT邦新手 4 級 ‧ 2019-07-01 08:35:18 檢舉

什麼東西都沒有,是空的

0
firecold
iT邦新手 1 級 ‧ 2019-06-28 10:31:29

看起來是目錄權限的問題
因為在var裡面,有用sudo嗎?
chmod -R 777 遞迴所有資料夾
先看看可不可以

sudo chmod -R 777 /var/www/html/laravel

另外你這個應該不是index
看能不能提供code看比較清楚

試試用localhotst跑看看

rew87516 iT邦新手 4 級 ‧ 2019-06-28 11:18:38 檢舉

我的目錄是 /var/www/html/laravel/home
我已經把home用遞迴提升權限到777了

rew87516 iT邦新手 4 級 ‧ 2019-06-28 11:26:20 檢舉

在問題處補上程式碼

1
dragonH
iT邦超人 5 級 ‧ 2019-06-28 13:31:39

要不要考慮先用

php artisan serve

來開 server

排除可能是 apache config 造成問題的可能

順便看一下 log 有沒有異常

我要發表回答

立即登入回答