fix: 修复消息推送在没有登录还会建立连接

src/components/common/app-provider.vue

@@ -1,9 +1,7 @@
 <script setup lang="ts">
-import { createTextVNode, defineComponent, onMounted } from 'vue';
+import { createTextVNode, defineComponent } from 'vue';
 import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui';
 import useContentLoading from '@/hooks/common/loading';
-import { initWebSocket } from '@/utils/websocket';
-import { initSSE } from '@/utils/sse';
 
 defineOptions({
   name: 'AppProvider'
@@ -27,12 +25,6 @@ const ContextHolder = defineComponent({
     return () => createTextVNode();
   }
 });
-
-onMounted(() => {
-  const protocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://';
-  initWebSocket(`${protocol + window.location.host + import.meta.env.VITE_APP_BASE_API}/resource/websocket`);
-  initSSE(`${import.meta.env.VITE_APP_BASE_API}/resource/sse`);
-});
 </script>
 
 <template>

src/layouts/base-layout/index.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import { computed, defineAsyncComponent } from 'vue';
+import { computed, defineAsyncComponent, onMounted } from 'vue';
 import { AdminLayout, LAYOUT_SCROLL_EL_ID } from '@sa/materials';
 import type { LayoutMode } from '@sa/materials';
 import { useAppStore } from '@/store/modules/app';
 import { useThemeStore } from '@/store/modules/theme';
+import { initWebSocket } from '@/utils/websocket';
+import { initSSE } from '@/utils/sse';
 import GlobalHeader from '../modules/global-header/index.vue';
 import GlobalSider from '../modules/global-sider/index.vue';
 import GlobalTab from '../modules/global-tab/index.vue';
@@ -100,6 +102,12 @@ function getSiderCollapsedWidth() {
 
   return w;
 }
+
+onMounted(() => {
+  const protocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://';
+  initWebSocket(`${protocol + window.location.host + import.meta.env.VITE_APP_BASE_API}/resource/websocket`);
+  initSSE(`${import.meta.env.VITE_APP_BASE_API}/resource/sse`);
+});
 </script>
 
 <template>

src/theme/settings.ts

@@ -1,15 +1,15 @@
 /** Default theme settings */
 export const themeSettings: App.Theme.ThemeSetting = {
-  themeScheme: 'light',
+  themeScheme: 'auto',
   grayscale: false,
   colourWeakness: false,
   recommendColor: false,
-  themeColor: '#2080f0',
+  themeColor: '#0E42D2',
   otherColor: {
-    info: '#2080f0',
+    info: '#0E42D2',
-    success: '#52c41a',
+    success: '#009A29',
-    warning: '#faad14',
+    warning: '#D25F00',
-    error: '#f5222d'
+    error: '#CB2634'
   },
   isInfoFollowPrimary: true,
   layout: {

src/utils/sse.ts

@@ -5,10 +5,10 @@ import { localStg } from './storage';
 
 // 初始化
 export const initSSE = (url: any) => {
-  if (import.meta.env.VITE_APP_SSE === 'N') {
+  const token = localStg.get('token');
+  if (import.meta.env.VITE_APP_SSE === 'N' || !token) {
     return;
   }
-  const token = localStg.get('token');
   const sseUrl = `${url}?Authorization=Bearer ${token}&clientid=${import.meta.env.VITE_APP_CLIENT_ID}`;
   const { data, error } = useEventSource(sseUrl, [], {
     autoReconnect: {

src/utils/websocket.ts

@@ -32,12 +32,12 @@ let socketError = 0; // 错误次数
 
 // 初始化socket
 export function initWebSocket(url: any) {
-  if (import.meta.env.VITE_APP_WEBSOCKET === 'N') {
+  const token = localStg.get('token');
+  if (import.meta.env.VITE_APP_WEBSOCKET === 'N' || !token) {
     return null;
   }
   socketUrl = url;
   // 初始化 websocket
-  const token = localStg.get('token');
   websocket = new WebSocket(`${url}?Authorization=Bearer ${token}&clientid=${import.meta.env.VITE_APP_CLIENT_ID}`);
   websocketonopen();
   websocketonmessage();