diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 16aea12d..15ded227 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -39,7 +39,9 @@ const completed = reactive({});
 const video_link = ref('');
 
 onMounted(() => {
-  const socket = io(process.env.VUE_APP_BASE_URL);
+  const socket = io(process.env.VUE_APP_BASE_URL, {
+    path: document.location.pathname + 'socket.io',
+  });
 
   socket.on('connect', () => config.isConnected = true);
   socket.on('disconnect', () => config.isConnected = false);
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index 910e297e..54761742 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,4 +1,5 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
+  publicPath: './',
   transpileDependencies: true
 })