Por ahora tengo este pedazo de código

 import addToast from '@/utils/toast-queue'; import routes from './routes'; import App from './app'; import './assets/styles/global.scss'; import { jsonRequest } from './utils/requests'; Vue.use(VueRouter); const router = new VueRouter({ routes }); router.beforeEach(async (to, from, next) => { const userInfo = await jsonRequest('GET', '/user/info'); const notAuthenticated = userInfo.status !== 200; if (to.name !== 'login' && notAuthenticated) { if (to.name === 'survey') { next({ name: 'survey' }); } else { addToast('Please login', { type: 'error' }); next({ name: 'login' }); } } else { next(); } }); /* eslint-disable-next-line no-new */ new Vue({ el: '#app', router, render: h => h(App) });

Cuando una solicitud GET proviene de /user/info a la ruta /public/form , me gustaría que un usuario no autenticado sea redirigido a la página que muestra el formulario. ¿Cómo puedo lograr esto en vue.js? He declarado la ruta en el archivo route.js así

 { path: '/public/form', name: 'form', component: () => import('./views/form'), }

beforeEach() así

 router.beforeEach(async (to, from, next) => { const userInfo = await jsonRequest('GET', '/user/info'); const notAuthenticated = userInfo.status !== 200; if (to.name !== 'login' && notAuthenticated) { if (to.name === 'form') { next({ name: 'form' }); } else { addToast('Please login', { type: 'error' }); next({ name: 'login' }); } } else { next(); } });

pero parece que no funciona