初始化

index.html

@@ -11,7 +11,8 @@
     <!-- 引入vue -->
     <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
     <!-- 引入组件库 -->
-    <script src="https://web.allhome.com.cn/index.js"></script>
+    <!-- <script src="https://web.allhome.com.cn/index.js"></script> -->
+    <script src="http://192.168.10.200:7400/index.js"></script>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>

package.json

@@ -15,7 +15,8 @@
   "dependencies": {
     "axios": "^0.18.0",
     "vue-router": "^3.0.1",
-    "vuex": "^3.1.0"
+    "vuex": "^3.1.0",
+    "web_notebook-test1": "^1.2.3"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
@@ -37,6 +38,7 @@
     "cross-env": "^5.0.1",
     "cross-spawn": "^5.0.1",
     "css-loader": "^0.28.0",
+    "debug": "^4.1.1",
     "eslint": "^4.15.0",
     "eslint-config-standard": "^10.2.1",
     "eslint-friendly-formatter": "^3.0.0",

src/App.vue

 <template>
-  <div id="app">
-    <router-view/>
-  </div>
+	<div id="app">
+		<el-container>
+			<el-header>
+				<el-row>
+					<el-col :span="24">
+						<el-button @click="$router.back()">首页</el-button>
+					</el-col>
+				</el-row>
+			</el-header>
+			<el-main>
+				<el-row>
+					<el-col :span="24">
+						<router-view></router-view>
+					</el-col>
+				</el-row>
+			</el-main>
+			<el-footer></el-footer>
+		</el-container>
+	</div>
 </template>
 
 <script>
 export default {
-  name: 'App'
+  name: "App"
 };
 </script>
 
 <style lang="scss">
-*{
-  font-family: '微软雅黑';
+* {
+  font-family: "微软雅黑";
 }
 body {
   margin: 0;
   padding: 0;
   background-color: #f7f7f7 !important;
-  #app{
-    display: flex;
-  }
 }
 </style>

src/assets/js/axios.js

@@ -9,11 +9,10 @@ axios.interceptors.request.use((config) => {
   return Promise.reject(error.response.data)
 })
 
-let version = "v1"
 
 let path = {
   // 开发
-  development: `http://192.168.10.200:8009/projectName/${version}`,
+  development: `http://192.168.10.200:8020/upaLogs`,
   // 200
   lan: `http://192.168.10.200:8009/projectName/${version}`,
   // 测试

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue';
 import Router from 'vue-router';
 // import HelloWorld from '@/components/HelloWorld'
 import Index from '@/view/index';
+import ButtonClick from '@/view/ButtonClick'
 
 Vue.use(Router);
 
@@ -11,6 +12,11 @@ export default new Router({
       path: '/',
       name: 'index',
       component: Index
+    },
+    {
+      path: '/buttonClick',
+      name: 'buttonClick',
+      component: ButtonClick,
     }
   ]
 });

src/view/ButtonClick.vue

+<template>
+    <div>
+        <el-button @click="successfulClick">正常响应</el-button>
+        <el-button @click="errorClick">异常响应</el-button>
+    </div>
+</template>
+
+<script>
+/**
+ * @date 2019.10.24
+ * @author 潘亚楠
+ * @information button点击操作日志手机测试页
+  */
+import debug from 'debug';
+console.log(debug);
+export default {
+    name: 'ButtonClick',
+    methods: {
+        /**
+         * @date 2019.10.24
+         * @author 潘亚楠
+         * @information 服务器正常响应的点击事件  
+          */
+        successfulClick() {
+
+        },
+        /**
+         * @date 2019.10.24
+         * @author 潘亚楠
+         * @information 服务器异常响应的点击事件
+          */
+        errorClick() {
+
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/view/index.vue

 <template>
-  <div id="index">
-    <qj-demo message="基础组件说明"></qj-demo>
-    <qj-business msg1="业务组件说明"></qj-business>
-  </div>
+	<div id="index">
+		<el-button @click="$router.push('buttonClick')">按钮测试</el-button>
+		<qj-demo message="基础组件说明"></qj-demo>
+		<qj-business msg1="业务组件说明"></qj-business>
+	</div>
 </template>
 
 <script>
@@ -12,8 +13,8 @@
  * @date 2019-05-17
  */
 export default {
-  mounted () {
-    console.log('测试：', this);
+  mounted() {
+    console.log("测试：", this);
   }
 };
 </script>