Is it possible to call local storage in SSR Nuxt application middleware?

Question

I have a Nuxt app with this middleware

middleware(context) {
    const token = context.route.query.token;

    if (!token) {
        const result = await context.$api.campaignNewShare.createNewShare();
        context.redirect({'name': 'campaigns-new', 'query': {token: result.data.token}});
        local.storage.setKey(token, new DateTime().getTime());
    }
},

I need to store the token to the local storage but I am not sure if it is possible or safe.

You should probably use only this plugin and never think about this question again. — kissu
– kissu, Commented Oct 21, 2021 at 14:10

Max · Accepted Answer · 2021-10-21 10:47:10Z

1

No, that is impossible. localStorage is a browser part, but on SSR the code evaluates on the server-side. Using cookies is a good solution.

I recommend to use this module: https://github.com/nuxt-community/universal-storage-module

answered Oct 21, 2021 at 10:47

Max

1,84413 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Čamo Over a year ago

Cookies are not good solution. LoacalStorage has much more space to store data. Am I missing something?

Čamo Over a year ago

I have a question. If I call $storage.setLocalStorage(key, value) in the middleware and then redirects to another location. Can I call localStorage.getItem('key') on this new location? I dont understand how this package handles the storages if they are not actually available like localStorage in middleware.

Max Over a year ago

@Čamo I agree cookies are not the best solution. I believe there should be a SSR solution for authorisation based on auth tokens. Have you read this post auth.nuxtjs.org/api/options

Collectives™ on Stack Overflow

Is it possible to call local storage in SSR Nuxt application middleware?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related