feat: H5异常上报

qwh5/public/index.html

@@ -6,8 +6,11 @@
       <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
       <meta http-equiv="pragram" content="no-cache">
       <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
-      <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
-      <script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
+      <!-- <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> -->
+      <!-- <script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script> -->
+      <script src="./jweixin-1.2.0.js"></script>
+      <script src="./jwxwork-1.0.0.js"></script>
+
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 <!--    <title><%= htmlWebpackPlugin.options.title %></title>-->
     <title>猎羽</title>

qwh5/src/App.vue

@@ -1,7 +1,37 @@
 <template>
-  <router-view/>
+  <router-view />
 </template>
 
+<script lang="ts" setup>
+import { onErrorCaptured } from "vue";
+import { getQueryString } from '@/utils/common'
+import $axios from '@/utils/axios'
+
+const handleWarnReport = async (step, errMsg?) => {
+  try {
+    const _originalLink = localStorage.getItem('_originalLink') || ''
+    const linkInfo = {
+      url: window.location.href,
+      originalLink: _originalLink,
+      errMsg: errMsg,
+    }
+    const url = '/api/oauth2/warnReport'
+    const params = {
+      step,
+      corpid: getQueryString('corpid') || '0',
+      link: JSON.stringify(linkInfo),
+    }
+    await $axios.get(url, {...params})
+  } catch (error) {
+    console.log('error =>', error)
+  }
+}
+
+onErrorCaptured((err) => {
+  handleWarnReport(8, err.message)
+})
+</script>
+
 <style>
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;