在router.js中 路由是从上到下执行的 只需要在最后一行把path写成 * 并且指定一个404.vue页面即可
项目启动页指的是: 当你进入www.baidu.com,会自动跳转到login登录页。
如何触发404页面,比如你的域名是http://localhost:8080/,当你进入一个没有声明/匹配的路由页面时就会跳到404页面,
比如访问了http://localhost:8080/无此页面,就会跳到404页面,如果没有声明一个404页面,那就会跳到一个空白页面
// 路由懒加载
const firstPage = r => require.ensure([], () => r(require('@/components/firstPage.vue')), 'firstPage')
const login = r => require.ensure([], () => r(require('@/components/login.vue')), 'login')
const router = new Router({
mode: 'history',
routes: [
{
path: '/login',
name: '登录',
component: login
},
{
path: '/',
name: '首页',
component: firstPage
},
{
path: '*',
name: '/404',
component: resolve => require(['@/components/404.vue'], resolve),
},
]
});
网友评论