Fix: apply base path to client and websocket

client/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
- <div class="text-white max-h-screen h-screen overflow-hidden bg-bg">
+  <div class="h-screen max-h-screen overflow-hidden text-white bg-bg">
  <app-appbar />
 
  <app-side-rail v-if="isShowingSideRail" class="hidden md:block" />
@@ -97,7 +97,7 @@ export default {
  this.isFirstSocketConnection = false
  this.isSocketConnected = true
  },
- connectError() {
+ connectError (e) {
  console.error('[SOCKET] connect error')
  this.updateSocketConnectionToast(this.$strings.ToastSocketFailedToConnect, 'error', null)
  },
@@ -368,14 +368,15 @@ export default {
  initializeSocket() {
  this.socket = this.$nuxtSocket({
  name: process.env.NODE_ENV === 'development' ? 'dev' : 'prod',
+ channel: this.$config.routerBasePath,
  persist: 'main',
  teardown: false,
  transports: ['websocket'],
  upgrade: false,
  reconnection: true
  })
  this.$root.socket = this.socket
- console.log('Socket initialized')
+ console.log('Socket initialized', this.socket)
 
  // Pre-defined socket events
  this.socket.on('connect', this.connect)

client/plugins/axios.js

@@ -16,6 +16,10 @@ export default function ({ $axios, store, $config }) {
  config.url = `/dev${config.url}`
  console.log('Making request to ' + config.url)
  }
+
+ if ($config.routerBasePath) {
+ config.url = `${$config.routerBasePath}/${config.url}`
+ }
  })
 
  $axios.onError(error => {