如何为不存在的路由加载组件？用于vue + webpack的404组件

Question

我已经定义了这样的路线：

const routes=[
{
    path:'/',
    component:Home,
}, ...

我想在访问者访问未在我的路线设置中定义的路线时显示vue webpack组件 我该怎么做？我的意思是，将一个vue webpack组件显示为404错误页面？ 感谢

Answer 1

在路线列表的末尾使用catch all route。

<script src="https://unpkg.com/vue"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/2.7.0/vue-router.js"></script>

<div id="app">
  <router-view></router-view>
</div>

这是一个例子。

＆＃13;

＆＃13;

$.get()

＆＃13;

$.post()

＆＃13;

＆＃13;

＆＃13;