Hi, I want route `/dashboard` to be accessible only when the user is logged in. How to do it? I'm ma...

codex6424

02/28/2023, 5:31 PM

Hi, I want route

/dashboard

to be accessible only when the user is logged in. How to do it? I'm making a VueJS + Express app.

snackdex

02/28/2023, 7:51 PM

if you're talking about front-end routes then you would protect them by calling: Session.doesSessionExist()

snackdex

02/28/2023, 7:51 PM

see: https://supertokens.com/docs/session/common-customizations/sessions/protecting-frontend-routes

snackdex

02/28/2023, 7:52 PM

for backend you would use verifySession() middleware: https://supertokens.com/docs/session/common-customizations/sessions/session-verification-in-api/verify-session

codex6424

02/28/2023, 10:26 PM

So if I want

/dashboard

to be a frontend route, I need to create Dashboard.vue, dashboardView.html and add DashboardView component to

router\index.ts

, right?

codex6424

02/28/2023, 10:27 PM

And in order to protect it, I need to add the Session.doesSessionExist()-based function?

snackdex

02/28/2023, 10:47 PM

hmm...i'm not a vuejs guy so I really can't say for sure. this doc is what you would be looking for though:

snackdex

02/28/2023, 10:47 PM

https://router.vuejs.org/guide/advanced/navigation-guards.html

snackdex

02/28/2023, 10:47 PM

in the first section they have a snippet of code that looks like this

snackdex

02/28/2023, 10:48 PM

Copy code

const router = createRouter({ ... })

router.beforeEach((to, from) => {
  // ...
  // explicitly return false to cancel the navigation
  return false
})

snackdex

02/28/2023, 10:48 PM

a very minimal implementation would be to return the evaluation of Session.doesSessionExist()

snackdex

02/28/2023, 10:49 PM

if false then cancel the navigation if true then proceed

snackdex

02/28/2023, 10:50 PM

but ideally you would want to navigate them somewhere else. the next two code blocks go over those examples

codex6424

03/01/2023, 12:39 PM

Oh, yeah, that's what I was looking for! Thanks a lot!

3 Views

Previous Next

SuperTokens.com

SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).