如何使用URL (vue - router)打开vue组件？

Question

我有一个与Laravel 5+ VueJs和vue路由器菜单工作的应用程序

<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>

但是如果我尝试直接打开URL (例如sitename/authors/)，我得到了一个404错误。我应该怎么做才能打开我的vue组件？

Answer 1

我不确定，但这是我认为正在发生的事情：

您的服务器未配置为处理SPA。如果您希望将Vue用作具有多个页面的SPA，则需要配置您的服务器以将所有请求重新路由到index.html文件。如果你只是使用一个普通的etc服务器，这是相当简单的，只要搜索(nginx，apache等)SPA配置。