修改数据

public/data/1.json

@@ -3,15 +3,15 @@
   "data": {
     "config": {
       "title": "考察手册",
-      "logo": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
-      "background": "./bg.jpg"
+      "logo": "https://ndzx.hqedust.com/file/image/logo.png",
+      "background": "https://ndzx.hqedust.com/file/image/bg.jpg"
     },
     "main": {
       "title": "考察手册",
       "nodes": [
         {
           "type": "image",
-          "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+          "image": "https://ndzx.hqedust.com/file/image/logo.png",
           "style": "position: absolute; z-index: 111; top: 80px; width: 50vw; left: 50%;margin-left: -25vw;pointer-events:none;"
         },
         {
@@ -19,16 +19,16 @@
           "style": "height: 200px;",
           "children": [
             {
-              "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408233155_FqTSPRGl.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider1.jpg"
             },
             {
-              "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408224033_uwX3J4BZ.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider2.jpg"
             },
             {
-              "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408225610_megvSLtP.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider3.jpg"
             },
             {
-              "image": "https://img2.wmnetwork.cc/w/202105/19/0_20210519123314_sfNkULCa.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider4.jpg"
             }
           ]
         },
@@ -61,26 +61,26 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
             "type": "video",
             "title": {
               "type": "image",
-              "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408162306_VeLM7bNz.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/nd.jpg"
             },
-            "video": "./1.mp4",
-            "poster": "./1.jpg"
+            "video": "https://ndzx.hqedust.com/file/media/1.mp4",
+            "poster": "https://ndzx.hqedust.com/file/mlogo/1.jpg"
           },
           {
             "type": "video",
             "title": {
               "type": "image",
-              "image": "http://img2.wmnetwork.cc/w/202110/03/0_20211003171835_XrGETIzj.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/nd.jpg"
             },
-            "video": "./2.mp4",
-            "poster": "./2.jpg"
+            "video": "https://ndzx.hqedust.com/file/media/2.mp4",
+            "poster": "https://ndzx.hqedust.com/file/mlogo/2.jpg"
           }
         ]
       },
@@ -89,45 +89,76 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
             "type": "image",
-            "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408233155_4X1vGlar.jpg",
-            "desc": "良渚古城遗址公园",
+            "image": "https://ndzx.hqedust.com/file/image/20220319/17.jpg",
+            "desc": "鲤鱼溪-张源",
             "preview": true
           },
           {
             "type": "image",
-            "image": "https://img2.wmnetwork.cc/w/202105/19/0_20210519121945_hfvRNwQZ.jpg",
-            "desc": "良渚古城遗址公园",
+            "image": "https://ndzx.hqedust.com/file/image/20220319/3.jpg",
+            "desc": "浪漫家园-谢书秋",
             "preview": true
           },
           {
             "type": "image",
-            "image": "https://img2.wmnetwork.cc/w/202105/19/0_20210519121834_Sa2301qM.jpg",
-            "desc": "良渚博物院",
+            "image": "https://ndzx.hqedust.com/file/image/20220319/6.jpg",
+            "desc": "霞浦小皓滩涂-郑德雄",
             "preview": true
           },
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202106/15/0_20210615114903_fIWuP7Cx.jpg",
-            "desc": "梦栖小镇",
+            "image": "https://ndzx.hqedust.com/file/image/20220319/16.jpg",
+            "desc": "福鼎嵛山岛-刘学斌",
             "preview": true
           },
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202106/15/0_20210615114914_5K84wt7m.jpg",
-            "desc": "生命科技小镇",
+            "image": "https://ndzx.hqedust.com/file/image/20220319/15.jpg",
+            "desc": "福鼎太姥山-刘必贵",
             "preview": true
           },
           {
             "type": "image",
-            "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408230118_bWzY1L4Q.jpg",
-            "desc": "径山寺",
+            "image": "https://ndzx.hqedust.com/file/image/20220319/8.jpg",
+            "desc": "廊桥02万安桥",
+            "preview": true
+          },
+          {
+            "type": "image",
+            "image":"https://ndzx.hqedust.com/file/image/20220319/7.jpg",
+            "desc": "宁德时代",
+            "preview": true
+          },
+          {
+            "type": "image",
+            "image":"https://ndzx.hqedust.com/file/image/20220319/11.jpg",
+            "desc": "山哈婚事-吴宁俊",
+            "preview": true
+          },
+          {
+            "type": "image",
+            "image":"https://ndzx.hqedust.com/file/image/20220319/13.jpg",
+            "desc": "太姥山岳-九鲤朝天",
+            "preview": true
+          },
+          {
+            "type": "image",
+            "image":"https://ndzx.hqedust.com/file/image/20220319/18.jpg",
+            "desc": "下党全景栾树花-龚健",
+            "preview": true
+          },
+          {
+            "type": "image",
+            "image":"https://ndzx.hqedust.com/file/image/20220319/19.jpg",
+            "desc": "郑戈航拍滩涂",
             "preview": true
           }
+        
         ]
       },
       {
@@ -135,7 +166,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -169,7 +200,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -189,7 +220,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -207,7 +238,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -225,7 +256,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -243,7 +274,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -261,7 +292,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {
@@ -316,7 +347,7 @@
         "nodes": [
           {
             "type": "image",
-            "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
+            "image": "https://ndzx.hqedust.com/file/image/logo.png",
             "style": "width: 50%; margin: 3rem auto;"
           },
           {

src/api/page.js

@@ -1,6 +1,6 @@
 export default {
   fetch: {
-    url: './data/{id}.json',
+    url: '/data/{id}.json',
     method: 'get',
   }
 }

src/api/request.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const instance = axios.create({
-  baseURL: './',
+  baseURL: '/',
   // withCredentials: true,
 });
 

src/data/pages.json

@@ -4,7 +4,7 @@
     "config": {
       "title": "考察手册",
       "logo": "http://img2.wmnetwork.cc/w/202104/08/0_20210408153854_gtJk9Tym.png",
-      "background": "http://img2.wmnetwork.cc/w/202104/08/0_20210408161016_JxfeNrVu.png"
+      "background": "https://ndzx.hqedust.com/file/image/backgroud.png"
     },
     "main": {
       "nodes": [
@@ -12,13 +12,13 @@
           "type": "slider",
           "children": [
             {
-              "image": "http://img2.wmnetwork.cc/w/202104/08/0_20210408224033_uwX3J4BZ.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider1.jpg"
             },
             {
-              "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408233155_FqTSPRGl.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider2.jpg"
             },
             {
-              "image": "https://img2.wmnetwork.cc/w/202104/08/0_20210408225610_megvSLtP.jpg"
+              "image": "https://ndzx.hqedust.com/file/image/slider3.jpg"
             }
           ]
         },

src/router/index.js

@@ -6,7 +6,7 @@ import NotFound from '../views/notFound.vue';
 Vue.use(VueRouter);
 
 export default new VueRouter({
-  mode: 'hash',
+  mode: 'history',
   routes: [
     {
       path: '/',

src/views/page.vue

@@ -1,14 +1,12 @@
 <template>
-  <div class="page" :class="{isPCWeb: !isMobile}">
+  <div class="page" :class="{ isPCWeb: !isMobile }">
     <template v-if="isMobile">
       <template v-if="!error">
         <v-view v-if="page" :options="page"></v-view>
         <div class="back" v-if="!isMain" @click="back">返回</div>
       </template>
       <div v-else class="notFound">
-        <div class="mx-auto h-96 flex justify-center items-center text-white">
-          您访问的资源不存在!
-        </div>
+        <div class="mx-auto h-96 flex justify-center items-center text-white">您访问的资源不存在!</div>
       </div>
     </template>
     <div v-else class="flex items-center justify-center flex-col h-full">
@@ -24,6 +22,7 @@ import QR from '../plugins/qr';
 export default {
   data(){
     return {
+      id: 1,
       loading: false,
       page: undefined,
       isMain: false,
@@ -57,14 +56,15 @@ export default {
   },
   methods: {
     init(){
-      const match = location.search.match(/id=(\w+)(?:&|$)/);
-      if(!match) {
-        this.error = true;
-        return;
-      }
+      this.id = this.$route.query.id||1;
+      // const match = location.search.match(/id=(\w+)(?:&|$)/);
+      // if(!match) {
+      //   this.error = true;
+      //   return;
+      // }
       if(this.loading) return;
       this.loading = true;
-      this.$store.dispatch('fetch', { id: match[1] }).then(() => {
+      this.$store.dispatch('fetch', { id: this.id }).then(() => {
         this.loading = false;
         this.getPageInfo();
       }).catch(() => {
@@ -105,12 +105,12 @@ export default {
   color: rgba(255, 255, 255, 0.75);
   background: rgba(0, 0, 0, 0.2);
 }
-.isPCWeb{
+.isPCWeb {
   background: #4c4c4c;
   height: 100vh;
-  #qr{
+  #qr {
     background: #fff;
-    img{
+    img {
       width: 100%;
     }
   }

vue.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  publicPath: './',
+  publicPath: '/',
 }

yarn.lock

@@ -8438,6 +8438,11 @@ vue-loader@^15.9.2:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-preview-image-mobile@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.npmmirror.com/vue-preview-image-mobile/-/vue-preview-image-mobile-0.1.1.tgz#cb40625f57c73261fbfa0b3525364e46dec41866"
+  integrity sha512-HyrUT9lUn0h924wutmojnAXGawoS6jB/PU43VBKgPJiEUqWNUh4jQ9+E7iIpwSSFmrFOzjCCS94piLLVqzkcbQ==
+
 vue-router@3.5.3:
   version "3.5.3"
   resolved "https://registry.npmmirror.com/vue-router/-/vue-router-3.5.3.tgz#041048053e336829d05dafacf6a8fb669a2e7999"