Laravel 11 : Tránh lỗi file css,js khi blade template

0
221

Nguyên nhân

Điều này chỉ xảy ra khi chúng ra dung group route 

Để chúng ta nhìn rõ được điều này chúng ta sẽ ví dụ thực tế.

Chúng ta sẽ vẫn lấy view trong bài blade templade nhé ^^(bài trước)

Chúng ta xem lại cây thư mục nhé:

Thay đổi 1 chút là ta sẽ không style tại thẻ div của header vs div của footer mà ra 1 trang style.css riêng nhé

public/style.css

resources/views/master/header.blade.php

resources/views/master/footer.blade.php

resources/views/master/master.blade.php

resources/views/index.blade.php

Đây là code gọi đến view trong routes/web.php

Sau đó ta được kết quả:

Nhấn Ctrl+U để view code:

Mọi người thấy rõ đường dẫn đang đúng là css/style.css

Giờ ta thêm group vô route xem điều gì xảy ra nhé:

kết quả:

lúc đó đường dẫn css/style.css sẽ đứng từ admin. chứ không phải từ public. lên xảy la lỗi css

để tránh lỗi này thì có nhiều cách nhưng mình xin giới thiệu 1 cách mà mình sử dụng mà tiện.

file master.blade.php thêm đường dẫn mặc định cho web. <base href=”{{asset(”)}}”>

nhớ đặt trên tất cả css vs js nhé! (đặt dưới thì vô dụng thui .)

  • Tất cả các href đều bắt đầu từ thư mục gốc.

Kết quả:

Chúc mọi người học tập tốt!

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây