404 Object not found, why?

Question

Laravel

When I click on the link I get 404 , when I click on the URL in the browser bar the pages are loaded ..
How to specify the correct transition for anchors ?

<div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav">
                <li class="active"><a href="/main">Home</a></li>
                <li><a href="/about">About Us</a></li>
                <li><a href="/contact">Contact Us</a></li>
                <li><a href="/news">News</a></li>
                <li><a href="/location">Our Location</a></li>
                <li><a href="/clients">Our Clients</a></li>
                <li><a href="/login">Login</a></li>
                <li><a href="/register">Register</a></li>
            </ul>
        </div>

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

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


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


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


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


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


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


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

Answer 1

Fix it:
To this:
<li class="active"><a href="/">Home</a></li>