How to open a vue component with URL (vue - router)?

I have an application wich works with Laravel 5 + VueJs and vue-router menu

<div class="collapse navbar-collapse" id="main-menu" >
    <ul class="nav navbar-nav">
        <li><router-link to="/authors/">Authors</router-link></li>
        <li><router-link to="/donate/">Donate</router-link></li>
        <li><router-link to="/feedback/">Feedback</router-link></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><router-link to="/userfiles/">Files</router-link></li>
        @if (!Auth::check())
            <li><a href="/home">reg</a></li>
        @else
            <li><a href="/home/">home</a></li>
            <li><a href="/logout/">logout</a></li>
        @endif
    </ul>
</div>

but if i try directly open url ( for example sitename/authors/) i got an 404 error. What should I do to open my vue-component?

via Chebli Mohamed