挂载全局app 让api与小程序一致

 module.exports = {
 module.exports = {
-  testListGet: '/xxx/xxx/list'
+  testListGet: '/xxx/xxx/list',
+
+
+  areaQuery: 'https://api.k.wxpai.cn/bizproxy/kdapi/area', // post 区域查询
 }
 }
\ No newline at end of file

 import Vue from 'vue'
 import Vue from 'vue'
-import App from './App.vue'
+import VueApp from './App.vue'
 import router from './router'
 import router from './router'
 import store from './store'
 import store from './store'
 
 
+import api from '@/api/api'
+import {
+	httpGet,
+	httpPost
+} from '@/api/fetch-api.js'
+
 // import Mock from './mock'
 // import Mock from './mock'
 // Mock.bootstrap();
 // Mock.bootstrap();
 
 
@@ -44,11 +50,21 @@ Vue.use(Swipe).use(SwipeItem)
 	.use(Button)
 	.use(Button)
 	.use(Toast);
 	.use(Toast);
 
 
-new Vue({
+let app = new Vue({
 	router,
 	router,
 	store,
 	store,
 	data: {
 	data: {
 		isInit: false,
 		isInit: false,
 	},
 	},
-	render: h => h(App)
+	render: h => h(VueApp)
 }).$mount('#app')
 }).$mount('#app')
+
+// 挂载全局app
+app.api = api;
+app.get = httpGet;
+app.post = httpPost;
+app.router = router;
+window.app = app;
+
+// 原app节点请通过 document.getElementById('app') 获取
+// routes里的component组件需要以import方式引入，否则页面创建的时候，app还没挂载。
\ No newline at end of file

-import api from '../../api/api'
-import {
-    httpGet,
-    httpPost
-} from '../../api/fetch-api.js'
-
 export default {
 export default {
     data() {
     data() {
         return {
         return {

-import api from '../../api/api'
-import {
-    httpGet,
-    httpPost
-} from '../../api/fetch-api.js'
-
 export default {
 export default {
     data() {
     data() {
         return {
         return {
@@ -12,12 +6,12 @@ export default {
     },
     },
     components: {},
     components: {},
     methods: {
     methods: {
-        initData() {},
         toLottery() {
         toLottery() {
-            this.$router.push({
-                path: "/lottery"
-            })
-        }
+            app.router.push({
+                name: "lottery"
+            });
+        },
+        initData() {},
     },
     },
     mounted() {},
     mounted() {},
     created() {
     created() {

-import api from '../../api/api'
-import {
-    httpGet,
-    httpPost
-} from '../../api/fetch-api.js'
-
 export default {
 export default {
     data() {
     data() {
         return {
         return {
@@ -18,7 +12,18 @@ export default {
                 path: "/"
                 path: "/"
             })
             })
         },
         },
+        async queryArea() {
+            let res = await app.post({
+                url: app.api.areaQuery,
+                data: {},
+                sid: false,
+                mode: "custom"
+            });
+            console.log("地区查询:", res);
+        }
+    },
+    mounted() {
+        this.queryArea();
     },
     },
-    mounted() {},
     created() {}
     created() {}
 }
 }
\ No newline at end of file

 import Vue from 'vue'
 import Vue from 'vue'
 import Router from 'vue-router'
 import Router from 'vue-router'
-import Index from './pages/index/index.vue'
 
 
 Vue.use(Router)
 Vue.use(Router)
 
 
 const routes = [{
 const routes = [{
     path: '/',
     path: '/',
     name: 'index',
     name: 'index',
-    component: Index,
+    component: () => import('./pages/index/index.vue'),
     meta: {
     meta: {
       title: ''
       title: ''
     }
     }