0
我已经定义是这样我的路线:如何为不存在的路由加载组件? 404组件,用于VUE +的WebPack
const routes=[
{
path:'/',
component:Home,
}, ...
我想表现出VUE的WebPack组件当访问者去,这是不是在我的路线定义的路由设置 如何我可以做吗?我的意思是,将vue webpack组件显示为404错误页面? 谢谢
我已经定义是这样我的路线:如何为不存在的路由加载组件? 404组件,用于VUE +的WebPack
const routes=[
{
path:'/',
component:Home,
}, ...
我想表现出VUE的WebPack组件当访问者去,这是不是在我的路线定义的路由设置 如何我可以做吗?我的意思是,将vue webpack组件显示为404错误页面? 谢谢
在路由列表末尾使用catch all路由。
const routes = [
{
path:'/',
component:Home,
},
{
path: "*",
component: NotFound
}
]
这里是一个例子。
console.clear()
const Foo = { template: '<div>foo</div>' }
const NotFound = { template: '<div>404 page</div>' }
const routes = [
{ path: '/foo', component: Foo },
{ path: '*', component: NotFound }
]
const router = new VueRouter({
routes
})
const app = new Vue({
router
}).$mount('#app')
<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>
哦啦啦!你摇滚!这样可行 – dexter00x