feat: 添加directive

Author: vanoneang

src/lin/directive/authorize.js

@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import store from '@/store'
 
 /**
@@ -21,7 +20,7 @@ function isAllowed(permission, user, permissions) {
   return false
 }
 
-Vue.directive('permission', {
+export default {
   beforeMount(el, binding) {
     let type
     let permission
@@ -46,6 +45,4 @@ Vue.directive('permission', {
       }
     }
   },
-})
-
-export default Vue.directive('permission')
+}

src/lin/plugin/axios.js

@@ -2,7 +2,7 @@
  * 封装 axios
  */
 import axios from 'axios'
-import { Message } from 'element-ui'
+// import { Message } from 'element-ui'
 
 import store from '@/store'
 import Config from '@/config'
@@ -110,10 +110,12 @@ _axios.interceptors.request.use(
 // Add a response interceptor
 _axios.interceptors.response.use(
   async res => {
-    let { code, message } = res.data // eslint-disable-line
     if (res.status.toString().charAt(0) === '2') {
       return res.data
     }
+
+    let { code, message } = res.data // eslint-disable-line
+
     return new Promise(async (resolve, reject) => {
       const { url } = res.config
 
@@ -154,19 +156,19 @@ _axios.interceptors.response.use(
         }
       }
 
-      Message.error(message)
+      // Message.error(message)
       reject()
     })
   },
   error => {
     if (!error.response) {
-      Message.error('请检查 API 是否异常')
+      // Message.error('请检查 API 是否异常')
       console.log('error', error)
     }
 
     // 判断请求超时
     if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1) {
-      Message.warning('请求超时')
+      // Message.warning('请求超时')
     }
     return Promise.reject(error)
   },

src/lin/plugin/index.js

@@ -1,2 +1 @@
 import './axios'
-import './preview'

src/main.js

@@ -2,8 +2,8 @@ import { createApp } from 'vue'
 
 import '@/config/global'
 import '@/lin/plugin'
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition'
-import directives from '@/lin/directive'
+// import CollapseTransition from 'element-ui/lib/transitions/collapse-transition'
+import permissionDirective from '@/lin/directive/authorize'
 
 import App from '@/app.vue'
 import store from '@/store'
@@ -19,7 +19,7 @@ import 'element-ui/lib/theme-chalk/display.css'
 
 const app = createApp(App)
 
-app.component(CollapseTransition.name, CollapseTransition)
+// app.component(CollapseTransition.name, CollapseTransition)
 
 // base 组件注册
 app.component('l-icon', LIcon)
@@ -28,7 +28,9 @@ app.component('source-code', SourceCode)
 
 app.use(router)
 app.use(store)
-app.directive(directives)
+
+app.directive('permission', permissionDirective)
+
 app.mount('#app')
 
 // 设置 App 实例