vue3版本初版上线 自测已可用

web/src/utils/bus.js

@@ -1,18 +1,6 @@
-const install = (Vue) => {
-  const Bus = new Vue({
-    methods: {
-      emit(event, ...args) {
-        this.$emit(event, ...args)
-      },
-      on(event, cb) {
-        this.$on(event, cb)
-      },
-      off(event, cb) {
-        this.$off(event, cb)
-      }
-    }
-  })
-  Vue.prototype.$bus = Bus
-}
 
-export default install
+// using ES6 modules
+import mitt from 'mitt'
+
+export const emitter = mitt()
+

web/src/utils/request.js

@@ -1,8 +1,7 @@
 import axios from 'axios' // 引入axios
-import { Message } from 'element-ui'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { store } from '@/store'
-import context from '@/main'
-import { MessageBox } from 'element-ui'
+import { emitter } from '@/utils/bus.js'
 
 const service = axios.create({
   baseURL: process.env.VUE_APP_BASE_API,
@@ -17,7 +16,7 @@ const showLoading = () => {
   }
   timer = setTimeout(() => {
     if (acitveAxios > 0) {
-      context.$bus.emit('showLoading')
+      emitter.emit('showLoading')
     }
   }, 400)
 }
@@ -26,7 +25,7 @@ const closeLoading = () => {
   acitveAxios--
   if (acitveAxios <= 0) {
     clearTimeout(timer)
-    context.$bus.emit('closeLoading')
+    emitter.emit('closeLoading')
   }
 }
 // http request 拦截器
@@ -47,7 +46,7 @@ service.interceptors.request.use(
   },
   error => {
     closeLoading()
-    Message({
+    ElMessage({
       showClose: true,
       message: error,
       type: 'error'
@@ -67,7 +66,7 @@ service.interceptors.response.use(
     if (response.data.code === 0 || response.headers.success === 'true') {
       return response.data
     } else {
-      Message({
+      ElMessage({
         showClose: true,
         message: response.data.msg || decodeURI(response.headers.msg),
         type: response.headers.msgtype || 'error'
@@ -80,7 +79,7 @@ service.interceptors.response.use(
   },
   error => {
     closeLoading()
-    MessageBox.confirm(`
+    ElMessageBox.confirm(`
     <p>检测到接口错误${error}</p>
     <p>错误码500：此类错误内容常见于后台panic，如果影响您正常使用可强制登出清理缓存</p>
     <p>错误码404：此类错误多为接口未注册（或未重启）或者请求路径（方法）与api路径（方法）不符</p>