小程序认证

.env.development

@@ -1,3 +1,6 @@
 ENV = 'development'
 
-VUE_APP_BASE_API = 'http://lcny.sk797.cn'
+# VUE_APP_BASE_API = 'http://lcny.sk797.cn'
+VUE_APP_BASE_API = 'http://36.133.205.221:81'
+
+VUE_APP_BASE_URL = 'http://36.133.205.221:91'

.env.production

@@ -2,3 +2,5 @@ ENV = 'production'
 
 VUE_APP_BASE_API = 'http://36.133.205.221:81'
 
+VUE_APP_BASE_URL = 'http://36.133.205.221:91'
+

src/pages.json

@@ -8,52 +8,44 @@
       "style": {
         "navigationBarTitleText": "隆昌农业大数据监控平台"
       }
-		}
+    },
-	    ,{
-            "path" : "pages/login/login",
-            "style" :                                                                                    
     {
+      "path": "pages/login/login",
+      "style": {
         "navigationBarTitleText": "",
         "enablePullDownRefresh": false,
         "navigationStyle": "custom"
       }
-            
+    },
-        }
-        ,{
-            "path" : "pages/user/user",
-            "style" :                                                                                    
     {
+      "path": "pages/user/user",
+      "style": {
         "navigationBarTitleText": "个人中心",
         "enablePullDownRefresh": false,
         "navigationStyle": "custom"
       }
-            
+    },
-        }
+    // {
-        ,{
+    //   "path": "pages/user/password-edit",
-            "path" : "pages/user/password-edit",
+    //   "style": {
-            "style" :                                                                                    
+    //     "navigationBarTitleText": "修改密码",
+    //     "enablePullDownRefresh": false
+    //   }
+    // },
+    // {
+    //   "path": "pages/system/role",
+    //   "style": {
+    //     "navigationBarTitleText": "角色管理",
+    //     "enablePullDownRefresh": false
+    //   }
+    // },
     {
-                "navigationBarTitleText": "修改密码",
+      "path": "pages/webview/index",
-                "enablePullDownRefresh": false
+      "style": {
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
       }
-            
-        }
-        ,{
-            "path" : "pages/system/role",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "角色管理",
-                "enablePullDownRefresh": false
-            }
-            
-        },{
-            "path" : "pages/webview/index",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "webview",
-                "enablePullDownRefresh": false
-            }
-            
     }
     // ,{
     //     "path" : "pages/index/meteorological",
@@ -282,7 +274,8 @@
     "selectedColor": "#1296db",
     "borderStyle": "black",
     "backgroundColor": "#ffffff",
-		"list": [{
+    "list": [
+      {
         "pagePath": "pages/index/index",
         "iconPath": "static/tab/tab_home.png",
         "selectedIconPath": "static/tab/tab_home_h.png",

src/pages/index/index.vue

@@ -175,7 +175,7 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['userInfo']),
+    ...mapGetters(['userInfo','token']),
     menus(){
       
       return this.filterAsyncRoutes(this.menuList, this.userInfo?.permissions_slug ?? [])
@@ -206,12 +206,9 @@ export default {
 
     linknavFn(item) {
       if(!item.url) return
-      const host = 'http://36.133.205.221:91'
+      const url = encodeURIComponent(`${item.url}`)
-      // uni.navigateTo({
-      //   url: `/pages/webview/index?url=${host}/#${item.url}`,
-      // })
       uni.navigateTo({
-        url: `/pages/webview/index?url=${host}/#/pages/login/login`,
+        url: `/pages/webview/index?url=${url}`,
       })
     },
   },

src/pages/user/user.vue

@@ -134,10 +134,14 @@
 					
 				})
 			},
-			linnavF(url){
+			linnavF(uri){
+				const url = encodeURIComponent(`${uri}`)
 				uni.navigateTo({
-					url:url
+					url: `/pages/webview/index?url=${url}`,
 				})
+				// uni.navigateTo({
+				// 	url:url
+				// })
 			},
 			loginOut(){
 				this.show = true;

src/pages/webview/index.vue

@@ -1,15 +1,22 @@
 <template>
-  <view >
+  <view>
-    <web-view :fullscreen="false" ref="webview" style="height: 500rpx;" :src="src" @onPostMessage="message"> </web-view>
+    <web-view
-    <button class="button" @click="evalJs">evalJs(改变webview背景颜色)</button>
+      :fullscreen="true"
+      ref="webview"
+      style="height: 500rpx"
+      :src="src"
+      @onPostMessage="message"
+    >
+    </web-view>
   </view>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
-      src: 'https://www.baidu.com',
+      src: '',
       webview_styles: {
         progress: {
           color: '#FF3333',
@@ -17,23 +24,44 @@ export default {
       },
     }
   },
+  computed: {
+    ...mapGetters(['token']),
+  },
   onLoad({ url }) {
-    // this.src = decodeURIComponent(url)
+    const host = process.env.VUE_APP_BASE_URL
+    const queryParams = this.queryURLParams(decodeURIComponent(url))
+    const query = {
+      ...queryParams.query,
+      token: this.token,
+      appbar: 'hidden',
+    }
+    this.src = `${host}/#${queryParams.path}${uni.$u.queryParams(query)}`
   },
   onReady() {
     this.writeToWebView()
-
     // this.webviewContext = uni.createWebviewContext('web-view', this)
   },
-  mounted() {
-    setTimeout(()=>{
-        console.log(this.$refs.webview);
-    },2000)
-  },
   methods: {
+    queryURLParams(URL) {
+      // const url = location.search; // 项目中可直接通过search方法获取url中"?"符后的字串
+      let url = URL.split('?')[1]
+
+      let obj = {} // 声明参数对象
+      if (url) {
+        let arr = url.split('&') // 以&符号分割为数组
+        for (let i = 0; i < arr.length; i++) {
+          let arrNew = arr[i].split('=') // 以"="分割为数组
+          obj[arrNew[0]] = arrNew[1]
+        }
+      }
+      return {
+        query: obj,
+        path: URL.split('?')[0],
+      }
+    },
     writeToWebView(data) {},
     evalJs: function () {
-      console.log(this.$refs.webview);
+      console.log(this.$refs.webview)
       this.$refs.webview.evalJs("document.body.style.background ='#00FF00'")
     },
     message(event) {