1、新增了人脸识别模块；

2、新增了路由，并使用hash模式；

package.json

@@ -9,11 +9,12 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
+    "face-api.js": "^0.22.2",
     "jquery": "^3.5.1",
     "pdfjs-dist": "^2.3.200",
     "register-service-worker": "^1.7.1",
     "vue": "^2.6.11",
-    "vue-router": "^3.2.0"
+    "vue-router": "^3.3.4"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.4.0",

src/main.js

@@ -5,6 +5,14 @@ import router from "./router";
 
 Vue.config.productionTip = false;
 
+// 根据路由变化设置页面title
+router.beforeEach((to, from, next) => {
+  if (to.meta.title) {
+    document.title = "企大-" + to.meta.title;
+  }
+  next();
+});
+
 new Vue({
   router,
   render: h => h(App)

src/router/index.js

 import Vue from "vue";
 import VueRouter from "vue-router";
+import previewPDF from "../views/PreviewPDF.vue";
+import faceDetect from "../views/FaceDetect.vue";
+import faceRegister from "../views/FaceRegister.vue";
 
 Vue.use(VueRouter);
 
-const routes = [];
+const routes = [
+  {
+    path: "/previewPDF",
+    component: previewPDF,
+    meta: {
+      title: "PDF预览"
+    }
+  },
+  {
+    path: "/faceDetect",
+    component: faceDetect,
+    meta: {
+      title: "人脸识别"
+    }
+  },
+  {
+    path: "/faceRegister",
+    component: faceRegister,
+    meta: {
+      title: "人脸登记"
+    }
+  }
+];
 
 const router = new VueRouter({
-  routes,
-  mode: "history"
+  routes
+  // mode: "history"
 });
 
 export default router;

vue.config.js

 module.exports = {
   publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
   assetsDir: "static",
-  outputDir: "previewPDF"
+  outputDir: "previewPDF",
+  pwa: {
+    iconPaths: {
+      favicon32: "favicon.ico",
+      favicon16: "favicon.ico",
+      appleTouchIcon: "favicon.ico",
+      maskIcon: "favicon.ico",
+      msTileImage: "favicon.ico"
+    }
+  }
 };