src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import home from '@/views/home/index'
Vue.use(Router)
export default new Router({
  linkActiveClass: 'nav-active',
  routes: [
    {
      path: '/',
      redirect: {
        name: 'home'
      }
    },
    {
      path: '/home',
      name: 'home',
      component: home
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('@/views/about/index')
    },
    {
      path: '/contact',
      name: 'contact',
      component: () => import('@/views/contact/index')
    },
    {
      path: '/product',
      name: 'product',
      component: () => import('@/views/product')
    },
    {
      path: '/news',
      name: 'news',
      component: () => import('@/views/news')
    },
    {
      path: '/newsDetail/:newsId',
      name: 'newsDetail',
      component: () => import('@/views/newsDetail')
    },
    {
      path: '/case',
      name: 'case',
      component: () => import('@/views/case')
    },
    {
      path: '/caseDetail/:caseId',
      name: 'caseDetail',
      component: () => import('@/views/caseDetail')
    },
    {
      path: '/solution',
      name: 'solution',
      component: () => import('@/views/solution')
    }
  ]
})