代码调整

src/components/index.ts

-import Vue from 'vue';
 import { importAll } from '@/utils/utils';
 const components = importAll(require.context('./', true,  /\.vue$/ ));
-Object.keys(components).forEach(key => {
-Vue.component(key, components[key]);
-});
+export default {
+    install(Vue: any) {
+        Object.keys(components).forEach(key => {
+            Vue.component(key, components[key]);
+        });
+    },
+};

src/main.ts

@@ -5,7 +5,8 @@ import store from './store';
 import api from './api';
 Vue.prototype.$api = api;
 
-import '@/components';
+import components from '@/components';
+Vue.use(components);
 import '@/filter';
 
 import VueClipboard from 'vue-clipboard2';

src/utils/http.ts

@@ -101,9 +101,11 @@ instance.interceptors.request.use(
         config.cancelToken = new CancelToken((c) => {
             removePendingAjax(config, c);
         });
-        let userInfo = localStorage.getItem('userInfo');
-        userInfo = userInfo ? JSON.parse(userInfo) : {};
-        config.headers.Authorization =  (userInfo as any ).token || '';
+        let userInfo: any = localStorage.getItem('userInfo');
+        if (userInfo) {
+            userInfo = JSON.parse(userInfo);
+            config.headers.Authorization =  userInfo?.token;
+        }
         return config;
     },
     (error: any) => Promise.reject(error));