如何使用URL（vue-router）打开vue组件？

Question

我有一个适用于Laravel 5 + VueJs和vue-router菜单的应用程序

<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文件。如果您只是使用一个监管网络服务器，只需搜索（nginx，apache等）SPA配置，这非常简单。