Vue Router配置参数、404页面

时间:2022-07-24
本文章向大家介绍Vue Router配置参数、404页面，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

这里把未定义路径的名称全部归纳为404

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

export default new Router({
  mode: 'history',  //去掉url中的#
  routes: [
    {
      path: '/',
      name: 'index',
      component: resolve => require(['@/views/index'], resolve),
       meta: {
        title: '首页'
      }
    },
    {
      path: '/power/:name',
      name: 'power',
      component: resolve => require(['@/views/power'], resolve)
    },
    {   //404
      path: '*',
      name: 'error',
      component: resolve => require(['@/views/error'], resolve)
    }
  ]
})

随机文章
Javascript知识点必读
最近更新