cdn 分离

src/plugins/iview.js

@@ -3,4 +3,4 @@ import ViewUI from 'view-design'
 
 Vue.use(ViewUI)
 
-import 'view-design/dist/styles/iview.css'
+//import 'view-design/dist/styles/iview.css'

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from "vue";
 import VueRouter from "vue-router";
 import EditNote from "@/views/EditNote.vue";
 import ViewNote from "@/views/ViewNote.vue";
+import ErrorView from "@/views/ErrorView.vue";
 import InvalidateNote from "@/views/InvalidateNote.vue";
 import { getKeyMeta, getNoteMeta } from "@/api/note";
 import { getStoreKey } from "@/api/lock";
@@ -27,6 +28,7 @@ function getErrorMetaParam() {
 
 function getNoteView() {
   let path = location.pathname;
+
   let key = path.substring(1, path.length);
 
   if (keyMeta && keyMeta.key) {
@@ -113,12 +115,12 @@ const routes = [
     redirect: getHomeRedirect(),
   },
   {
-    path: "/:name([a-z0-9]{16})",
+    path: "/:name([a-z0-9]{1,20})",
     name: "note",
     component: getNoteView(),
     meta: { keyMeta: getKeyMetaParam(), noteMeta: getNoteMetaParam(), errorMeta: getErrorMetaParam() },
-    //alias:'/xxxx'
   },
+  { path: "/:path(.*)", component: ErrorView }
 ];
 
 const router = new VueRouter({

src/views/ErrorNote.vue

@@ -0,0 +1,21 @@
+<template>
+    <div>
+      error
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'ErrorView',
+    components: {
+    },
+    data() {
+      return {
+      }
+    },
+    created() {
+        alert("error")
+    }
+  }
+  </script>
+  

src/views/ErrorView.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="home">
+    error
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ErrorView',
+  components: {},
+  data() {
+    return {}
+  },
+  created() {
+  }
+}
+</script>

src/views/ViewNote.vue

@@ -80,7 +80,7 @@
 
 #copyBtn {
   color: #ed4014;
-  font-size:large;
+  font-size: large;
 }
 
 .ivu-btn-text:focus {
@@ -251,7 +251,8 @@
 
     </Layout>
 
-    <Modal v-model="model.showShare" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }">
+    <Modal v-model="model.showShare" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }"
+      @on-cancel="closeShareModel">
       <p style="text-align: center;
           z-index: 1000;
           position: absolute;
@@ -261,7 +262,9 @@
         <Tag style="border-radius: 0px;" v-show="model.copyTip" color="#ed4014" text="">Url Copied.</Tag>
       </p>
       <p style="text-align: center;margin-top:20px;line-height:100%">
-        <span style="margin-right:3px;" id="copyBtn"><Icon type="md-copy" /></span><span id="qrUrl">{{ noteForm.noteUrl }}</span>
+        <span style="margin-right:3px;" id="copyBtn">
+          <Icon type="md-copy" />
+        </span><span id="qrUrl">{{ noteForm.noteUrl }}</span>
       </p>
 
       <p style="text-align: center;margin-top:5px;">
@@ -269,7 +272,7 @@
       </p>
       <p style="text-align: center;margin-top:10px;">
         <Button type="error" style="border-radius: 0px;font-size:19px;"
-          @click="closeShareModel()">{{$t("button.close")}}</Button>
+          @click="closeShareModel()">{{ $t("button.close") }}</Button>
       </p>
     </Modal>
 
@@ -487,7 +490,9 @@ export default {
       storage.session.setText(this.secret.storeKey + "_share", '1');
     },
     closeShareModel() {
-      this.model.showShare = false;
+      if (this.model.showShare) {
+        this.model.showShare = false;
+      }
       storage.session.setText(this.secret.storeKey + "_share", '0');
     },
     showDeleteModel() {