vue hash

frontend/src/router/index.js

@@ -12,6 +12,6 @@ Router.prototype.push = function push (location, onResolve, onReject) {
 Vue.use(Router)
 
 export default new Router({
-  mode: 'history',
+  mode: 'hash',
   routes: constantRouterMap
 })

frontend/src/views/base/socket/Ipc.vue

@@ -67,7 +67,7 @@ export default {
       views: [
         {
           type: 'vue',
-          content: '/special/subwindow',
+          content: '/#/special/subwindow',
           windowName: 'window-1',
           windowTitle: 'new window'
         },    

frontend/src/views/base/subwindow/Ipc.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app-base-socket-ipc">
+  <div id="app-base-subwindow-ipc">
     <div class="one-block-1">
       <span>
         1. 发送异步消息
@@ -127,10 +127,12 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-#app-base-socket-ipc {
+#app-base-subwindow-ipc {
   padding: 0px 10px;
   text-align: left;
   width: 100%;
+  height: 100%;
+  background-color: #f0f2f5;
   .one-block-1 {
     font-size: 16px;
     padding-top: 10px;

frontend/src/views/special/subwindow/HttpServer.vue

@@ -1,80 +0,0 @@
-<template>
-  <div id="app-base-httpserver">
-    <div class="one-block-1">
-      <span>
-        1. 内置http server服务
-      </span>
-    </div>
-    <div class="one-block-2">
-      <a-space>
-        <p>* 状态：{{ currentStatus }}</p>
-      </a-space>
-      <p>* 地址：{{ servicAddress }}</p>
-    </div>
-    <div class="one-block-1">
-      <span>
-        2. 发送请求
-      </span>
-    </div>    
-    <div class="one-block-2">
-      <a-space>
-        <a-button @click="sendRequest('pictures')"> 打开【我的图片】 </a-button>
-      </a-space>
-    </div>
-  </div>
-</template>
-<script>
-import storage from 'store2'
-import { ipcApiRoute, requestHttp } from '@/api/main'
-
-export default {
-  data() {
-    return {
-      currentStatus: '关闭',
-      servicAddress: '无'
-    };
-  },
-  mounted () {
-    this.init();
-  },
-  methods: {
-    init () {
-      const self = this;
-      this.$ipcInvoke(ipcApiRoute.checkHttpServer, {}).then(r => {
-        if (r.enable) {
-          self.currentStatus = '开启';
-          self.servicAddress = r.server;
-          storage.set('httpServiceConfig', r);
-        }
-      })
-    },
-    sendRequest (id) {
-      if (this.currentStatus == '关闭') {
-        this.$message.error('http服务未开启');
-        return;
-      }
-
-      const params = {
-        id: id
-      }
-      requestHttp(ipcApiRoute.doHttpRequest, params).then(res => {
-        //console.log('res:', res)
-      }) 
-    },  
-  }
-};
-</script>
-<style lang="less" scoped>
-#app-base-httpserver {
-  padding: 0px 10px;
-  text-align: left;
-  width: 100%;
-  .one-block-1 {
-    font-size: 16px;
-    padding-top: 10px;
-  }
-  .one-block-2 {
-    padding-top: 10px;
-  }
-}
-</style>

frontend/src/views/special/subwindow/Ipc.vue

@@ -1,118 +0,0 @@
-<template>
-  <div id="app-base-socket-ipc">
-    <div class="one-block-1">
-      <span>
-        1. 发送异步消息
-      </span>
-    </div>  
-    <div class="one-block-2">
-      <a-space>
-        <a-button @click="handleInvoke">发送 - 回调</a-button>
-        结果：{{ message1 }}
-      </a-space>
-      <p></p>
-      <a-space>
-        <a-button @click="handleInvoke2">发送 - async/await</a-button>
-        结果：{{ message2 }}
-      </a-space>            
-    </div>   
-    <div class="one-block-1">
-      <span>
-        <!-- 尽量不要使用，任何错误都容易引起卡死 -->
-        2. 同步消息（不推荐，阻塞执行）
-      </span>
-    </div>  
-    <div class="one-block-2">
-      <a-space>
-        <a-button @click="handleSendSync">同步消息</a-button>
-        结果：{{ message3 }}
-      </a-space>   
-    </div>        
-    <div class="one-block-1">
-      <span>
-        3. 长消息： 服务端持续向前端页面发消息
-      </span>
-    </div>  
-    <div class="one-block-2">
-      <a-space>
-        <a-button @click="sendMsgStart">开始</a-button>
-        <a-button @click="sendMsgStop">结束</a-button>
-        结果：{{ messageString }}
-      </a-space>
-    </div>  
-  </div>
-</template>
-<script>
-import { ipcApiRoute } from '@/api/main'
-export default {
-  data() {
-    return {
-      messageString: '',
-      message1: '',
-      message2: '',
-      message3: ''
-    }
-  },
-  mounted () {
-    this.init();
-  },
-  methods: {
-    init () {
-      const self = this;
-      // 避免重复监听，或者将 on 功能写到一个统一的地方，只加载一次
-      this.$ipc.removeAllListeners(ipcApiRoute.ipcSendMsg);
-      this.$ipc.on(ipcApiRoute.ipcSendMsg, (event, result) => {
-        console.log('[ipcRenderer] [socketMsgStart] result:', result);
-
-        self.messageString = result;
-        // 调用后端的另一个接口
-        event.sender.send(ipcApiRoute.hello, 'electron-egg');
-      })
-    },
-    sendMsgStart() {
-      const params = {
-        type: 'start',
-        content: '开始'
-      }
-      this.$ipc.send(ipcApiRoute.ipcSendMsg, params)
-    },
-    sendMsgStop() {
-      const params = {
-        type: 'end',
-        content: ''
-      }
-      this.$ipc.send(ipcApiRoute.ipcSendMsg, params)
-    },
-    handleInvoke () {
-      const self = this;
-      this.$ipcInvoke(ipcApiRoute.ipcInvokeMsg, '异步-回调').then(r => {
-        console.log('r:', r);
-        self.message1 = r;
-      });
-    },
-    async handleInvoke2 () {
-      const msg = await this.$ipcInvoke(ipcApiRoute.ipcInvokeMsg, '异步');
-      console.log('msg:', msg);
-      this.message2 = msg;
-    },
-    handleSendSync () {
-      const msg = this.$ipcSendSync(ipcApiRoute.ipcSendSyncMsg, '同步');
-      this.message3 = msg;
-    },
-  }
-}
-</script>
-<style lang="less" scoped>
-#app-base-socket-ipc {
-  padding: 0px 10px;
-  text-align: left;
-  width: 100%;
-  .one-block-1 {
-    font-size: 16px;
-    padding-top: 10px;
-  }
-  .one-block-2 {
-    padding-top: 10px;
-  }
-}
-</style>

frontend/src/views/special/subwindow/SocketServer.vue

@@ -1,77 +0,0 @@
-<template>
-  <div id="app-base-httpserver">
-    <div class="one-block-1">
-      <span>
-        1. 内置socket-io server服务
-      </span>
-    </div>
-    <div class="one-block-2">
-      <a-space>
-        <p>* 状态：{{ currentStatus }}</p>
-      </a-space>
-      <p>* 地址：{{ servicAddress }}</p>
-    </div>
-    <div class="one-block-1">
-      <span>
-        2. 发送请求
-      </span>
-    </div>    
-    <div class="one-block-2">
-      <a-space>
-        <a-button @click="sendRequest('downloads')"> 打开【我的下载】 </a-button>
-      </a-space>
-    </div>
-  </div>
-</template>
-<script>
-import { io } from 'socket.io-client'
-import { ipcApiRoute, requestHttp } from '@/api/main'
-
-export default {
-  data() {
-    return {
-      currentStatus: '关闭',
-      servicAddress: 'ws://127.0.0.1:7070'
-    };
-  },
-  mounted () {
-    this.init();
-  },
-  methods: {
-    init () {
-      const self = this;
-      this.socket = io(this.servicAddress);
-      this.socket.on('connect', () => {
-        console.log('connect!!!!!!!!');
-        self.currentStatus = '开启';
-      });
-    },
-    sendRequest (id) {
-      if (this.currentStatus == '关闭') {
-        this.$message.error('socketio服务未开启');
-        return;
-      }
-
-      const method = ipcApiRoute.doSocketRequest; 
-      this.socket.emit('c1', { cmd: method, params: {id: id} }, (response) => {
-        // response为返回值
-        console.log('response:', response)
-      });
-    },  
-  }
-};
-</script>
-<style lang="less" scoped>
-#app-base-httpserver {
-  padding: 0px 10px;
-  text-align: left;
-  width: 100%;
-  .one-block-1 {
-    font-size: 16px;
-    padding-top: 10px;
-  }
-  .one-block-2 {
-    padding-top: 10px;
-  }
-}
-</style>

public/dist/css/chunk-24bb6116.4ceda89c.css

@@ -1 +0,0 @@
-#app-base-socket-ipc[data-v-6f328a9e]{padding:0 10px;text-align:left;width:100%}#app-base-socket-ipc .one-block-1[data-v-6f328a9e]{font-size:16px;padding-top:10px}#app-base-socket-ipc .one-block-2[data-v-6f328a9e]{padding-top:10px}

public/dist/css/chunk-3aa0a14c.d3b5c327.css

@@ -1 +0,0 @@
-#app-base-window[data-v-674a2e67]{padding:0 10px;text-align:left;width:100%}#app-base-window .one-block-1[data-v-674a2e67]{font-size:16px;padding-top:10px}#app-base-window .one-block-2[data-v-674a2e67]{padding-top:10px}

public/dist/css/chunk-3e5d8082.9bb68a1d.css

@@ -0,0 +1 @@
+#app-base-notification[data-v-2a527e1e]{padding:0 10px;text-align:left;width:100%}#app-base-notification .one-block-1[data-v-2a527e1e]{font-size:16px;padding-top:10px}#app-base-notification .one-block-2[data-v-2a527e1e]{padding-top:10px}

public/dist/css/chunk-4becffd5.38774961.css

@@ -0,0 +1 @@
+#app-base-subwindow-ipc[data-v-e5c1dc38]{padding:0 10px;text-align:left;width:100%;height:100%;background-color:#f0f2f5}#app-base-subwindow-ipc .one-block-1[data-v-e5c1dc38]{font-size:16px;padding-top:10px}#app-base-subwindow-ipc .one-block-2[data-v-e5c1dc38]{padding-top:10px}

public/dist/css/chunk-50251666.0f3904b9.css

@@ -1 +0,0 @@
-#app-base-notification[data-v-eb783aa2]{padding:0 10px;text-align:left;width:100%}#app-base-notification .one-block-1[data-v-eb783aa2]{font-size:16px;padding-top:10px}#app-base-notification .one-block-2[data-v-eb783aa2]{padding-top:10px}

public/dist/css/chunk-5ec5214a.f33c75fa.css

@@ -0,0 +1 @@
+#app-base-window[data-v-779cadd2]{padding:0 10px;text-align:left;width:100%}#app-base-window .one-block-1[data-v-779cadd2]{font-size:16px;padding-top:10px}#app-base-window .one-block-2[data-v-779cadd2]{padding-top:10px}

public/dist/css/chunk-98f99a2c.e8a7c696.css

@@ -0,0 +1 @@
+#app-base-socket-ipc[data-v-850b7854]{padding:0 10px;text-align:left;width:100%}#app-base-socket-ipc .one-block-1[data-v-850b7854]{font-size:16px;padding-top:10px}#app-base-socket-ipc .one-block-2[data-v-850b7854]{padding-top:10px}

public/dist/css/chunk-d1e1ec8c.72587d68.css

@@ -1 +0,0 @@
-#app-base-file[data-v-95d434e8]{padding:0 10px;text-align:left;width:100%}#app-base-file .one-block-1[data-v-95d434e8]{font-size:16px;padding-top:10px}#app-base-file .footer[data-v-95d434e8],#app-base-file .one-block-2[data-v-95d434e8]{padding-top:10px}

public/dist/css/chunk-d82e415e.e6ab9c20.css

@@ -0,0 +1 @@
+#app-base-file[data-v-5669ca22]{padding:0 10px;text-align:left;width:100%}#app-base-file .one-block-1[data-v-5669ca22]{font-size:16px;padding-top:10px}#app-base-file .footer[data-v-5669ca22],#app-base-file .one-block-2[data-v-5669ca22]{padding-top:10px}

public/dist/js/chunk-3ce23730.b9cd427e.js → public/dist/js/chunk-340486ec.b471409f.js

@@ -1,2 +1,2 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3ce23730"],{1768:function(t,n,e){"use strict";e.r(n);var c=function(){var t=this,n=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{attrs:{id:"app-other"}},[e("div",{staticClass:"one-block-1"},[e("span",[t._v(" 待开发... ")])]),e("div",{staticClass:"one-block-2"})])}],i={data:function(){return{}},methods:{test:function(){}}},a=i,o=(e("fbed"),e("2877")),r=Object(o["a"])(a,c,s,!1,null,"7114d282",null);n["default"]=r.exports},f291:function(t,n,e){},fbed:function(t,n,e){"use strict";e("f291")}}]);
-//# sourceMappingURL=chunk-3ce23730.b9cd427e.js.map
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-340486ec"],{1768:function(t,n,e){"use strict";e.r(n);var c=function(){var t=this,n=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{attrs:{id:"app-other"}},[e("div",{staticClass:"one-block-1"},[e("span",[t._v(" 待开发... ")])]),e("div",{staticClass:"one-block-2"})])}],i={data:function(){return{}},methods:{test:function(){}}},a=i,o=(e("fbed"),e("2877")),r=Object(o["a"])(a,c,s,!1,null,"7114d282",null);n["default"]=r.exports},f291:function(t,n,e){},fbed:function(t,n,e){"use strict";e("f291")}}]);
+//# sourceMappingURL=chunk-340486ec.b471409f.js.map