build

public/index.html

@@ -8,6 +8,7 @@
     <script src="./static/vue.min.js" rel="preload" as="script"></script>
     <script src="./static/vue-router.min.js" rel="preload" as="script"></script>
     <script src="./static/axios@0.21.0.min.js" rel="preload" as="script"></script>
+    <!-- <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> -->
     <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
     <title>报表</title>
     <style>

src/pages/login.vue

@@ -5,6 +5,7 @@
 
 <script>
 import config from "@/config"
+import asyncRequest from "@/api/index"
 export default {
   name:'login',
   async mounted () {
@@ -13,29 +14,50 @@ export default {
       const scope = 'snsapi_userinfo'
       const url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${config.appId}&redirect_uri=${redirect}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`
       window.location.href = url
+      // this.initWechatSdk()
   },
   methods:{
     async initWechatSdk(){
       try{
-        const result = await asyncRequest.signature({url:'/login'})
+        const result = await asyncRequest.signature({url: "http://depart.test241.wanyuhengtong.com/#/"})
         switch(Number(result.code)){
           case 0:
-            wx.config({
-               debug: true,
-               appId: result.data.appId,
-               timestamp: result.data.timestamp,
-               nonceStr: result.data.nonceStr,
-               signature: result.data.signature,
-               jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage']
-            })
+            const redirect = encodeURIComponent(config.redirect)
+            var state = 'wx_' + Math.random().toString(36).substr(2, 15);
+            const scope = 'snsapi_userinfo'
+            const url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${result.appId}&redirect_uri=${redirect}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`
+            // window.location.href = url
+            // wx.config({
+            //    debug: false,
+            //    appId: result.data.appid,
+            //    timestamp: result.data.timestamp,
+            //    nonceStr: result.data.noncestr,
+            //    signature: result.data.signature,
+            //    jsApiList: ['login']
+            // })
 
-            wx.ready(function(){
-              alert('111')
-            })
+            // wx.ready(function(){
+            //    wx.checkJsApi({
+            //       jsApiList: ['login'],
+            //       success:function(res){
+            //         if(res.checkResult.login){
+            //           wx.login({
+            //             success:function(res){
+            //               console.log(res)
+            //             },
+            //             fail:function(res){}
+            //           })
+            //         }
+            //       },
+            //       fail:function(res){
+            //         alert('line-109')
+            //       }
+            //   })
+            // })
           
-            wx.error(function () {
-              alert('222')
-            })
+            // wx.error(function (res) {
+            //   alert(JSON.stringify(res) + '115')
+            // })
             break
           default:
             break

src/pages/report.vue

@@ -55,6 +55,8 @@
 </template>
 <script>
 import asyncRequest from "@/api/index"
+// import config from "@/config"
+import { getParameterByName } from "../utils/auth"
 export default {
   name:'report',
   data() {
@@ -73,8 +75,9 @@ export default {
       })
     }
   },
-  mounted(){
-    this.initWechatSdk()
+  async mounted(){
+    const result = asyncRequest.userinfo({code:getParameterByName('code')})
+    console.log(result)
   },
   methods: {
     transformTime() {
@@ -84,50 +87,6 @@ export default {
       let d = time.getDate();
       return y + "-" + (M < 10 ? "0" + M : M) + "-" + (d < 10 ? "0" + d : d);
     },
-    async initWechatSdk(){
-      try{
-        const result = await asyncRequest.signature({url: "http://depart.test241.wanyuhengtong.com/#/"})
-        switch(Number(result.code)){
-          case 0:
-            wx.config({
-               debug: false,
-               appId: result.data.appid,
-               timestamp: result.data.timestamp,
-               nonceStr: result.data.noncestr,
-               signature: result.data.signature,
-               jsApiList: ['login']
-            })
-
-            wx.ready(function(){
-               wx.checkJsApi({
-                  jsApiList: ['login'],
-                  success:function(res){
-                    if(res.checkResult.login){
-                      wx.login({
-                        success:function(res){
-                          console.log(res)
-                        },
-                        fail:function(res){}
-                      })
-                    }
-                  },
-                  fail:function(res){
-                    alert('line-109')
-                  }
-              })
-            })
-          
-            wx.error(function (res) {
-              alert(JSON.stringify(res) + '115')
-            })
-            break
-          default:
-            break
-        }
-      }catch(error){
-        console.log(error)
-      }
-    },
   }
 };
 </script>

src/router/index.js

@@ -9,12 +9,12 @@ const routes = [
 
 const router = new VueRouter({routes ,mode:'hash'})
 
-// router.beforeEach((to, _, next) => {
-//   if (to.path !== '/login' && !getParameterByName('code')) {
-//     next('/login')
-//   } else {
-//     next()
-//   }
-// })
+router.beforeEach((to, _, next) => {
+  if (to.path !== '/login' && !getParameterByName('code')) {
+    next('/login')
+  } else {
+    next()
+  }
+})
 
 export default router