fix:修改爬虫错误提示为全局提示

.env.development

 # 开发环境配置
 VITE_APP_BASE_API = '/api'
 VITE_APP_TITLE = 'Spider Admin Pro'
+VITE_WEBSOCKET_API = "http://192.168.3.10:5001/"
\ No newline at end of file

src/layout/components/AppMain.vue

 <script setup lang="ts">
-import { computed } from "vue";
+import { ElNotification } from "element-plus";
+import { Manager, Socket } from "socket.io-client";
+import { computed, onMounted, onUnmounted, ref } from "vue";
 import { useRoute } from "vue-router";
 
 const route = useRoute();
 const key = computed(() => route.path);
+
+const socket = ref<Socket | null>(null);
+
+//错误消息通知
+const handleErrorMsgNotify = () => {
+  //websocket连接
+  const manager = new Manager(import.meta.env.VITE_WEBSOCKET_API);
+  socket.value = manager.socket("/");
+  //收到错误通知
+  socket.value.on("error_message", onErrorMsg);
+};
+
+//错误消息处理
+const onErrorMsg = ({ message }: { message: any }) => {
+  ElNotification({
+    title: "爬虫错误提示",
+    message,
+    type: "error",
+  });
+};
+
+onMounted(() => {
+  handleErrorMsgNotify();
+});
+
+onUnmounted(() => {
+  if (socket.value) {
+    socket.value.disconnect();
+  }
+});
 </script>
 
 <template>

src/views/os-status/components/errorMessageChart.vue

@@ -8,7 +8,7 @@
           <el-table-column width="55" label="序号" type="index" />
           <el-table-column width="150" property="spider" label="爬虫名称" />
           <el-table-column property="error" label="错误信息" />
-          <el-table-column width="160" property="timestamp" label="发生时间" />
+          <el-table-column width="160" property="timestamp" label="记录时间" />
         </el-table>
         <div class="pagination w-full flex flex-row-reverse pr-4 m-t-4">
           <Pagination
@@ -65,7 +65,7 @@ const logCountList = computed(() => {
   return logList.value.map((item) => item.count);
 });
 
-//x轴日期列表
+//X轴日期列表
 const dateList = ref<string[]>([]);
 
 //Y轴最大值

src/views/os-taskInformation/components/taskCard.vue

@@ -90,18 +90,17 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import addTaskDialog from "./addTaskDialog.vue";
 import { getSpiderTaskList, resumeSpiderTask, pauseSpiderTask, getTaskCount } from "@/api/spiderTask";
 import { DeleteMode } from "@/components/Delete/enum.ts";
 import { AddMode } from "./enum";
 import deleteDialog from "./deleteDialog.vue";
-import { ElMessage, ElNotification } from "element-plus";
+import { ElMessage } from "element-plus";
 import { getSpiderList } from "@/api/system.ts";
 import formatExactLargeNum from "@/utils/formatExactLargeNum";
 import TableSearch from "@/components/TableSearch.vue";
-import { Manager, Socket } from "socket.io-client";
 
 const props = defineProps({
   spiderType: {
@@ -118,26 +117,6 @@ const props = defineProps({
   },
 });
 
-const socket = ref<Socket | null>(null);
-
-//错误消息通知
-const handleErrorMsgNotify = () => {
-  //websocket连接
-  const manager = new Manager("/api:5001");
-  socket.value = manager.socket("/");
-  //收到错误通知
-  socket.value.on("error_message", onErrorMsg);
-};
-
-//错误消息处理
-const onErrorMsg = ({ message }: { message: any }) => {
-  ElNotification({
-    title: "任务错误提示",
-    message,
-    type: "error",
-  });
-};
-
 // 所有响应式变量初始化时避免 undefined
 const taskSelectOptions = ref<any[]>([]); // 初始化为空数组
 const searchCondition = ref({
@@ -311,15 +290,6 @@ onMounted(() => {
   }
   getData();
   getSpiderTypeList();
-  //开启socket连接
-  handleErrorMsgNotify();
-});
-
-onUnmounted(() => {
-  //关闭socket连接
-  if (socket.value) {
-    socket.value.disconnect();
-  }
 });
 </script>