I am working on a personal project using the Laravel framework. I have placed my assets (CSS, JS, images) in the public directory. Here’s how my project is structured:

1. I created an admin_master.blade.php file in the views/admin directory, which serves as my master layout for the admin dashboard.
2. In the layout file, I use the asset() helper function to link to CSS, JavaScript, and image files, like this:

<link rel="shortcut icon" href="{{ asset('backend/assets/images/favicon.ico') }}">

3. Then, I created another Blade file index.blade.php in the same views/admin directory, which extends admin_master:

@extends('admin.admin_master')

4. Inside the index file, I use the following section structure to extend the layout:

@section('admin')
    <!-- Some content here -->
@endsection

5. In the admin_master.blade.php file, I have defined a @yield('admin') section where the content from the index file is injected.

Everything works fine when I first load the page. All CSS and JavaScript files are loaded correctly. However, when I refresh the page, all my styles disappear, leaving the page unstyled. Interestingly, when I inspect the page and click on the links to the CSS files, I can still see the content of those files, but none of the styles are applied to the HTML elements.

Does anyone know what could be causing this issue and how to fix it?

Thanks in advance!