调整sse功能

aufs/core/sse.go

@@ -10,9 +10,9 @@ import (
 // 处理sse事件
 func SseHandler(w http.ResponseWriter, r *http.Request) {
 	// 设置 CORS 头部
-	//w.Header().Set("Access-Control-Allow-Origin", "*")
+	w.Header().Set("Access-Control-Allow-Origin", "*")
-	//w.Header().Set("Access-Control-Allow-Methods", "GET")
+	w.Header().Set("Access-Control-Allow-Methods", "GET")
-	//w.Header().Set("Access-Control-Allow-Headers", "Content-Type")
+	w.Header().Set("Access-Control-Allow-Headers", "Content-Type")
 
 	// 设置响应头
 	w.Header().Set("Content-Type", "text/event-stream")

vue/afvue/src/views/Compare.vue

@@ -40,7 +40,7 @@
         <div class="resbox">
             <label class="retitl">对比结果</label>
             <div class="reslist">
-                <p>11 目标服务器上不存在aa 目录/文件</p>
+                <p v-for="msg in msglist" :key="kk">{{ msg }}</p>
                 <p>22 目标服务器的文件hash与源服务器的文件hash不同</p>
                 <p>33 目标服务器上存在aa 目录/文件，但是源服务器上不存在</p>
             </div>
@@ -285,6 +285,8 @@ export default {
             dstip: '192.168.1.101',
             srcpath: '/home/xtworks',
             dstpath: '/home/xtworks',
+            // 消息
+            msglist: [],
         }
     },
     // create
@@ -314,10 +316,11 @@ export default {
             // 监听错误事件
             this.eventSource.addEventListener("error", this.handleError);
         },
-        // 
+        // 消息处理
-        handMsg(event) {
+        handleMessage(event) {
             console.log("event", JSON.parse(event.data).data);
-            console.log(event.data);
+            // 处理收到的消息
+            this.msglist.push(event.data);
         },
         // 关闭sse
         closeSSE() {