Redirection at boot doesn't work?

[SergioRius]

THIS IS A SPA. NO CATEGORY FOR SPA.

I'm trying to redirect to a setup page if connection data for socketio is not defined. But I can't make it work as per Quasar documentation here I always get a 404 error.

This is the boot file:

/*eslint-disable no-unused-vars*/
export default ({ Vue, redirect, urlPath }) => {

  const hostIp = process.env.HOST_IP
    ? process.env.HOST_IP
    : LocalStorage.getItem("hostIp") || null;

  const hostPort = process.env.HOST_PORT
    ? process.env.HOST_PORT
    : LocalStorage.getItem("hostPort") || 3002;

  if (!urlPath.startsWith("/endpointsetup") && (!hostIp || !hostPort)) {
    redirect({ path: "/endpointsetup" });
    return;
  }

  Vue.prototype.$socket = io.connect(`http://${hostIp}:${hostPort}`);
};

And the router:

//router/index.js
export default function (/* { store, ssrContext } */) {
  const Router = new VueRouter({
    scrollBehavior: () => ({ x: 0, y: 0 }),
    routes,
    mode: process.env.VUE_ROUTER_MODE,
    base: process.env.VUE_ROUTER_BASE
  })

  return Router
}

//router/routes.js
const routes = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      { path: '', component: () => import('pages/Index.vue') },
      { path: '/schedules', name: 'Schedules', component: () => import('pages/Schedules') },
      { path: '/settings', name: 'Settings', component: () => import('pages/Settings') },
      { path: '/endpointsetup', name: 'EndpointSetup', component: () => import('pages/EndpointSetup') },
      { path: '/login', name: 'Login', component: () => import('pages/Login')}
    ]
  },
  {
    path: '*',
    component: () => import('pages/Error404.vue')
  }
]

export default routes

What it seems is that is trying to redirect to 0.0.0.0:8080/endpointsetup however, if I comment the redirection and manually navigate to that page, it successfully opens at: 0.0.0.0:8080/#/endpointsetup

[metalsadman]

Are you on history or hash vueRouterMode? https://quasar.dev/quasar-cli/quasar-conf-js#property-build

[SergioRius]

vueRouterMode is in hash mode.

More info: The app is running in a nginx:1.19-alpine docker container