路由配置文件优化

htmldev/loan/src/page/404/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>404</div>
+</template>
+
+<script>
+  export default {
+    name: 'pageNotFound'
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

htmldev/loan/src/router/index.js

@@ -4,10 +4,19 @@ import VueRouter from 'vue-router'
 Vue.use(VueRouter)
 
 const routes = [
+  {
+    path: '*',
+    redirect: '/404'
+  },
+  {
+    path: '/404',
+    name: '404',
+    component: () => import(/* webpackChunkName: "detail" */ '../page/404')
+  },
   {
     path: '/', // 我的申请记录
     name: 'Home',
-    component: () => import(/* webpackChunkName: "home" */ '../views/home/index.vue'),
+    component: () => import(/* webpackChunkName: "home" */ '../views/home'),
     meta: {
       isUseCache: false,
       keepAlive: true
@@ -16,47 +25,47 @@ const routes = [
   {
     path: '/detail', // 进度查询：贷款详情页
     name: 'Detail',
-    component: () => import(/* webpackChunkName: "detail" */ '../views/detail/index.vue')
+    component: () => import(/* webpackChunkName: "detail" */ '../views/detail')
   },
   {
     path: '/goods', // 贷款介绍
     name: 'Goods',
-    component: () => import(/* webpackChunkName: "goods" */ '../views/goods/index.vue')
+    component: () => import(/* webpackChunkName: "goods" */ '../views/goods')
   },
   {
     path: '/apply', // 基本信息填写
     name: 'Apply',
-    component: () => import(/* webpackChunkName: "apply" */ '../views/apply/index.vue')
+    component: () => import(/* webpackChunkName: "apply" */ '../views/apply')
   },
   {
     path: '/attest', // 上传资料
     name: 'Attest',
-    component: () => import(/* webpackChunkName: "attest" */ '../views/attest/index.vue')
+    component: () => import(/* webpackChunkName: "attest" */ '../views/attest')
   },
   {
     path: '/bespeak', // 预约现场办理时间
     name: 'Bespeak',
-    component: () => import(/* webpackChunkName: "bespeak" */ '../views/bespeak/index.vue')
+    component: () => import(/* webpackChunkName: "bespeak" */ '../views/bespeak')
   },
   {
     path: '/privacy', // 隐私协议
     name: 'Privacy',
-    component: () => import(/* webpackChunkName: "privacy" */ '../views/privacy/index.vue')
+    component: () => import(/* webpackChunkName: "privacy" */ '../views/privacy')
   },
   {
     path: '/agreement', // 协议
     name: 'Agreement',
-    component: () => import(/* webpackChunkName: "agreement" */ '../views/agreement/index.vue')
+    component: () => import(/* webpackChunkName: "agreement" */ '../views/agreement')
   },
   {
     path: '/help', // 还款助手
     name: 'Help',
-    component: () => import(/* webpackChunkName: "help" */ '../views/help/index.vue')
+    component: () => import(/* webpackChunkName: "help" */ '../views/help')
   },
   {
     path: '/about', // 了解我们
     name: 'About',
-    component: () => import(/* webpackChunkName: "about" */ '../views/about/index.vue')
+    component: () => import(/* webpackChunkName: "about" */ '../views/about')
   }
 ]