Neamix Posts - Answer Overflow

Neamix

Explore posts from servers

•Created by Neamix on 1/15/2025 in #❓・help

Middleware cant access useCookie on server

Good day everyone, i am trying to use useCookie to store my passport access token then i added middleware to check if the token exist go a head and identify the user if not redirect him to register in it on local windows enviroment every thing work great but when i deployed on the server it always redirect me to register page even my token exist here is my code snipt

import { useCookie } from "nuxt/app";
import { useAuthenticationStore } from "../stores/Authentication/authentication";

export default defineNuxtRouteMiddleware(async (to, from) => {
    let layout = to.meta.layout;
    let isAuthLayout = layout == 'dashboard' || layout == 'messenger';
    
    // In case the layout not dashboard then this not in consirn 
    if (!isAuthLayout) return true;

    // Check if this is the dashboard but the user doesnt have token
    if (!useCookie('__Secure_TK').value)  return navigateTo('/register');

    // Get user data from the token
    let authenticationStore = useAuthenticationStore();    

    try {
        let {data} = await authenticationStore.me();
        if (data.is_active) authenticationStore.signInUser(data)
        else return navigateTo('/register');
    } catch ($error) {
        console.log($error,$error.status)
        // return navigateTo('/register');
    }

   
})

import { useCookie } from "nuxt/app";
import { useAuthenticationStore } from "../stores/Authentication/authentication";

export default defineNuxtRouteMiddleware(async (to, from) => {
    let layout = to.meta.layout;
    let isAuthLayout = layout == 'dashboard' || layout == 'messenger';
    
    // In case the layout not dashboard then this not in consirn 
    if (!isAuthLayout) return true;

    // Check if this is the dashboard but the user doesnt have token
    if (!useCookie('__Secure_TK').value)  return navigateTo('/register');

    // Get user data from the token
    let authenticationStore = useAuthenticationStore();    

    try {
        let {data} = await authenticationStore.me();
        if (data.is_active) authenticationStore.signInUser(data)
        else return navigateTo('/register');
    } catch ($error) {
        console.log($error,$error.status)
        // return navigateTo('/register');
    }

   
})

5 replies

NNuxt

•Created by Neamix on 1/6/2025 in #❓・help

Middleware doesn't print log

Here's a grammatically corrected version of your text: Hello everyone, I am encountering a strange error in my middleware I created a middleware that redirects the user to the registration page if the authentication token does not exist or is invalid everything works fine on the Windows environment, and the server (Ubuntu environment) seems fine when I first log in allowing me to access the dashboard without any issue. However, when I refresh the page, I get redirected to the registration page, even though the token exists and is valid and After further investigation I found that the issue is in the last line of the code. I tried to print the error, but nothing is printed, even after I disabled the redirect. Interestingly, after disabling the redirect, the dashboard was able to use the token to identify the user.

import { useCookie } from "nuxt/app";
import { useAuthenticationStore } from "../stores/Authentication/authentication";
import { useRouter } from "vue-router";

export default defineNuxtRouteMiddleware(async (to, from) => {
    let layout = to.meta.layout;
    const route = useRouter()

    // In case the layout not dashboard then this not in consirn 
    if (layout != 'dashboard') return true;

    // Check if this is the dashboard but the user doesnt have token
    if (layout == 'dashboard' && !useCookie('__Secure_TK').value?.length) navigateTo('/register');

    // Get user data from the token
    let authenticationStore = useAuthenticationStore();    

    try {
        let {data} = await authenticationStore.me();
        if (data.is_active) authenticationStore.signInUser(data)
        else return navigateTo('/register');
    } catch ($error) {
        console.log($error);
        // return navigateTo('/register') -> problem line
    }

   
})

import { useCookie } from "nuxt/app";
import { useAuthenticationStore } from "../stores/Authentication/authentication";
import { useRouter } from "vue-router";

export default defineNuxtRouteMiddleware(async (to, from) => {
    let layout = to.meta.layout;
    const route = useRouter()

    // In case the layout not dashboard then this not in consirn 
    if (layout != 'dashboard') return true;

    // Check if this is the dashboard but the user doesnt have token
    if (layout == 'dashboard' && !useCookie('__Secure_TK').value?.length) navigateTo('/register');

    // Get user data from the token
    let authenticationStore = useAuthenticationStore();    

    try {
        let {data} = await authenticationStore.me();
        if (data.is_active) authenticationStore.signInUser(data)
        else return navigateTo('/register');
    } catch ($error) {
        console.log($error);
        // return navigateTo('/register') -> problem line
    }

   
})

5 replies

Gaming

Programming