Skip to content

L
linshenxs-h5
Commit a0941539 by 陈超
Options

Initial commit

parent e10b029d
Showing with 182 additions and 20 deletions
package-lock.json
...@@ -2123,6 +2123,11 @@ ...@@ -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": { "@vue/reactivity": {
"version": "3.2.37", "version": "3.2.37",
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.37.tgz", "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.37.tgz",
...@@ -2579,6 +2584,38 @@ ...@@ -2579,6 +2584,38 @@
"postcss-value-parser": "^4.2.0" "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": { "babel-loader": {
"version": "8.2.5", "version": "8.2.5",
"resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.2.5.tgz", "resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.2.5.tgz",
...@@ -4944,6 +4981,11 @@ ...@@ -4944,6 +4981,11 @@
"binary-extensions": "^2.0.0" "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": { "is-ci": {
"version": "1.2.1", "version": "1.2.1",
"resolved": "https://registry.npmmirror.com/is-ci/-/is-ci-1.2.1.tgz", "resolved": "https://registry.npmmirror.com/is-ci/-/is-ci-1.2.1.tgz",
...@@ -7840,6 +7882,14 @@ ...@@ -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": { "vue-style-loader": {
"version": "4.1.3", "version": "4.1.3",
"resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz", "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
......
package.json
...@@ -8,8 +8,10 @@ ...@@ -8,8 +8,10 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"axios": "^0.18.0",
"core-js": "^3.8.3", "core-js": "^3.8.3",
"vue": "^3.2.13" "vue": "^3.2.13",
"vue-router": "^4.1.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.16", "@babel/core": "^7.12.16",
...@@ -21,9 +23,9 @@ ...@@ -21,9 +23,9 @@
"eslint-plugin-vue": "^8.0.3" "eslint-plugin-vue": "^8.0.3"
}, },
"eslintConfig": { "eslintConfig": {
"root": true, "root": false,
"env": { "env": {
"node": true "node": false
}, },
"extends": [ "extends": [
"plugin:vue/vue3-essential", "plugin:vue/vue3-essential",
......
src/App.vue
<template> <template>
<img alt="Vue logo" src="./assets/logo.png"> <div class="content">
<HelloWorld msg="Welcome to Your Vue.js App"/> <div v-html="html"></div>
</div>
</template> </template>
<script> <script>
import HelloWorld from './components/HelloWorld.vue'
export default { import { api } from "@/api/Api.js"
export default {
name: 'App', name: 'App',
components: { 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> </script>
<style> <style>
#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; width: 100%;
-webkit-font-smoothing: antialiased; }
-moz-osx-font-smoothing: grayscale; .content {
text-align: center; display: flex;
color: #2c3e50; overflow-y: scroll;
margin-top: 60px; padding: 16px;
} }
body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style> </style>
src/api/Api.js 0 → 100644
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 { createApp } from 'vue'
import router from '@/router/index.js'
import App from './App.vue' import App from './App.vue'
createApp(App).mount('#app') createApp(App).use(router).mount('#app')
src/router/index.js 0 → 100644
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({ module.exports = defineConfig({
transpileDependencies: true transpileDependencies: true,
lintOnSave: false,
// 配置转发代理
devServer: {
port: 8080,
proxy: {
'/': {
target: 'http://47.108.51.175:9999',
ws: false, // 需要websocket 开启
pathRewrite: {
'^/': '/'
}
}
}
}
}) })
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment