Add axios socket header

Author: aLLeXUs

frontend/src/api/Api.js

@@ -2,6 +2,7 @@ import axios from 'axios/index';
 import Storage from '@/services/Storage';
 import { EventEmitter, TOKEN_EXPIRED_EVENT } from '@/services/EventEmitter';
 import { UNAUTHENTICATED } from '@/api/ErrorCodes';
+import { getSocketId } from '@/services/Pusher';
 
 class Api {
     constructor(apiUrl, authHeaderName = 'Authorization', authHeaderPrefix = 'Bearer') {
@@ -16,6 +17,10 @@ class Api {
                         config.headers[authHeaderName] = `${authHeaderPrefix} ${Storage.getToken()}`;
                     }
 
+                    if (getSocketId()) {
+                        config.headers['X-Socket-ID'] = getSocketId();
+                    }
+
                     return config;
                 },
                 error => Promise.reject(error)

frontend/src/services/Pusher.js

@@ -22,3 +22,7 @@ if (Storage.hasToken()) {
 
 
 export const pusher = new Pusher(process.env.VUE_APP_PUSHER_APP_KEY, config);
+
+export const getSocketId = () => {
+    return pusher.connection.socket_id;
+};