Initial commit

package-lock.json

@@ -2123,6 +2123,11 @@
         }
       }
     },
+    "@vue/devtools-api": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.2.0.tgz",
+      "integrity": "sha512-pF1G4wky+hkifDiZSWn8xfuLOJI1ZXtuambpBEYaf7Xaf6zC/pM29rvAGpd3qaGXnr4BAXU1Pxz/VfvBGwexGA=="
+    },
     "@vue/reactivity": {
       "version": "3.2.37",
       "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.37.tgz",
@@ -2579,6 +2584,38 @@
         "postcss-value-parser": "^4.2.0"
       }
     },
+    "axios": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-0.18.1.tgz",
+      "integrity": "sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==",
+      "requires": {
+        "follow-redirects": "1.5.10",
+        "is-buffer": "^2.0.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmmirror.com/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "follow-redirects": {
+          "version": "1.5.10",
+          "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.5.10.tgz",
+          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+          "requires": {
+            "debug": "=3.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
     "babel-loader": {
       "version": "8.2.5",
       "resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.2.5.tgz",
@@ -4944,6 +4981,11 @@
         "binary-extensions": "^2.0.0"
       }
     },
+    "is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+    },
     "is-ci": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/is-ci/-/is-ci-1.2.1.tgz",
@@ -7840,6 +7882,14 @@
         }
       }
     },
+    "vue-router": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.1.1.tgz",
+      "integrity": "sha512-Wp1mEf2xCwT0ez7o9JvgpfBp9JGnVb+dPERzXDbugTatzJAJ60VWOhJKifQty85k+jOreoFHER4r5fu062PhPw==",
+      "requires": {
+        "@vue/devtools-api": "^6.1.4"
+      }
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

package.json

@@ -8,8 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.18.0",
     "core-js": "^3.8.3",
-    "vue": "^3.2.13"
+    "vue": "^3.2.13",
+    "vue-router": "^4.1.1"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -21,9 +23,9 @@
     "eslint-plugin-vue": "^8.0.3"
   },
   "eslintConfig": {
-    "root": true,
+    "root": false,
     "env": {
-      "node": true
+      "node": false
     },
     "extends": [
       "plugin:vue/vue3-essential",

src/App.vue

 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+	<div class="content">
+		<div v-html="html"></div>
+	</div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+	
+	import { api } from "@/api/Api.js"
+	
+	export default {
+		name: 'App',
+		components: {
 
-export default {
-  name: 'App',
-  components: {
-    HelloWorld
-  }
-}
+		},
+		data() {
+			return {
+				html: ""
+			}
+		},
+		computed: {
+			key() {
+				return this.$route.query.key || 'HTML_SYSTEM_DES'
+			}
+		},
+		created() {
+			api.getHtml(this.key)
+			.then(r => {
+				this.html = r
+			})
+			.catch(e => {
+				console.log(e)
+				this.html = "页面出错"
+			})
+		}
+	}
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
+	#app {
+		width: 100%;
+	}
+	.content {
+		display: flex;
+		overflow-y: scroll;
+		padding: 16px;
+	}
+	body, html {
+		width: 100%;
+		height: 100%;
+		padding: 0;
+		margin: 0;
+	}
 </style>

src/api/Api.js

+import axios from 'axios'
+
+const URL = 'http://47.108.51.175:9999'
+
+const config = {
+  //baseURL: URL,
+  timeout: 60000,
+  crossDomain: true
+}
+
+const client = axios.create(config)
+
+// request interceptor
+client.interceptors.request.use(
+  config => {
+    return config
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+let apiGet = (url, params = {}) => {
+  return new Promise((resolve, reject) => {
+    client
+      .get(url, {
+        params: params
+      })
+      .then(r => {
+        if (r.status == 200) {
+          let or = r.data
+          if (or.code == 0) {
+            resolve(or.data)
+          } else {
+            reject(new Error(or.msg || 'Error'))
+          }
+        } else {
+          reject(new Error(r.statusText || 'Error'))
+        }
+      })
+      .catch(err => {
+        reject(err)
+      })
+  })
+}
+
+export const api = {
+	baseURL: URL,
+	//获得Html内容
+	getHtml(key) {
+	  return apiGet('/rest/sysSet/getInnerWeb', {key: key})
+	},
+}
\ No newline at end of file

src/main.js

 import { createApp } from 'vue'
+import router from '@/router/index.js'
 import App from './App.vue'
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')

src/router/index.js

+import Vue from 'vue'
+import {createRouter, createWebHistory} from 'vue-router'
+
+const routes = []
+
+const router = createRouter({
+	routes,
+	history: createWebHistory()
+})
+
+export default router

vue.config.js

-const { defineConfig } = require('@vue/cli-service')
+const {
+	defineConfig
+} = require('@vue/cli-service')
 module.exports = defineConfig({
-  transpileDependencies: true
+	transpileDependencies: true,
+	lintOnSave: false,
+	// 配置转发代理
+	devServer: {
+	  port: 8080,
+	  proxy: {
+		'/': {
+		  target: 'http://47.108.51.175:9999',
+		  ws: false, // 需要websocket 开启
+		  pathRewrite: {
+		    '^/': '/'
+		  }
+		}
+	  }
+	}
 })