.

Author: Asmodeus14

src/components/Home.vue

@@ -138,7 +138,7 @@ export default {
     };
   },
   mounted() {
-    this.socket = io(websocket,['binary', 'base64']); // Use socket.io-client here instead of WebSocket
+    this.socket = io(websocket,transports: ["websocket", "polling"]); // Use socket.io-client here instead of WebSocket
     this.socket.on('notification', (data) => {
       this.notifications.unshift({ ...data, timestamp: new Date() });
       this.showBrowserNotification(data.message);

webpack.config.js

@@ -1,16 +1,22 @@
 module.exports = {
-    devServer: {
-      host: '0.0.0.0',  // Allow external access
-      port: 8080,
-      client: {
-        webSocketURL: {
-          hostname: 'https://club-notification-backend.vercel.app', // Replace with your actual hostname
-          port: 443, // Use HTTPS port
-          pathname: '/ws',
-          protocol: 'wss:', // Secure WebSocket
-        },
+  devServer: {
+    host: "0.0.0.0", // Allow external access
+    port: 8080,
+    client: {
+      webSocketURL: {
+        hostname: "club-notification-backend.vercel.app", // Your backend domain
+        port: 443, // HTTPS WebSocket
+        pathname: "/socket.io/",
+        protocol: "wss:", // Secure WebSocket
       },
-      server: 'https', // Enable HTTPS
     },
-  };
-  
+    proxy: {
+      "/socket.io/": {
+        target: "https://club-notification-backend.vercel.app", // Backend URL
+        ws: true, // Enable WebSocket proxying
+        changeOrigin: true,
+      },
+    },
+    server: "https", // Enable HTTPS
+  },
+};