تنسيقات CSS لا تظهر في لارافيل

في لارافيل عند التعامل مع الملفات الثابتة static مثل الصور و ملفات التنسيقات CSS وملفات الجافاسكريبت يجب الإشارة لها دوماً عن طريق asset لتجنب ظهور أي مشاكل عند تغيير المسار أو اسم النطاق في المشروع أو عند نشره واستخدام اتصال آمن https، لذلك ربط الملفات ضمن صفحات blade يجب أن يكون كالتالي:

لملفات التنسيقات CSS:

<link href="{{ asset('css/main.css') }}" rel="stylesheet" type="text/css" >

أو

<link href="{{ URL::asset('css/main.css') }}" rel="stylesheet" type="text/css" >

لملفات الجافاسكريبت:

<script type="text/javascript" src="{{ asset('js/custom.js') }}"></script>

أو

<script type="text/javascript" src="{{ URL::asset('js/custom.js') }}"></script>

وللصور:

{{ asset('img/photo.jpg'); }}

وفي بعض الأحيان قد تظهر لك هذه المشكلة ليس بسبب سوء عملية الربط وإنما بسبب صلاحيات الوصول على المجلّدات الحاوية على هذه الملفات في ويندوز أو نظام التشغيل الذي تقوم باستخدامه، لذلك يمكنك تجربة تشغيل المشروع في لارافيل عن طريق استخدام الأمر التالي:

php -S localhost:9000 -t public

استخدم الدالة asset() للوصول لمسار الملف:

<link href="/css/main.css" rel="stylesheet">

لتصبح هكذا:

<link href="{{ asset('/css/main.css') }}" rel="stylesheet" >

يمكنك استخدام 

{{ url('')  }}

بهذا الشكل 

<link href="{{ url('') }}/css/main.css" rel="stylesheet">