I'm looking into a way to keep user session alive so that user doesn't have to login a

Thanks <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-u

Couldn't load authHeaders in client-side rendering about redux-auth HOT 2 CLOSED

rayhsieh commented on August 11, 2024 1

Couldn't load authHeaders in client-side rendering

from redux-auth.

Comments (2)

nyjy85 commented on August 11, 2024 1

That's what I did. Don't know if it's the 'right' way to do it, but it functions well.

I added this piece of code in configure.js right where you added the /* */ comment:

if (localStorage.authHeaders) {
  settings.initialCredentials = {};
  settings.initialCredentials.headers = JSON.parse(localStorage.authHeaders)
  settings.initialCredentials.currentEndpointKey = JSON.parse(localStorage.currentConfigName)
}

Then inside client-settings.js in the applyConfig function, I do a fetch for getTokenValidationPath, which then sets the user data under state.auth.user:

if (getCurrentSettings().initialCredentials) {
    // skip initial headers check (i.e. check was already done server-side)
    // *****
    let {user, headers, config} = getCurrentSettings().initialCredentials;
    persistData(C.SAVED_CREDS_KEY, headers);
    return fetch(getTokenValidationPath('default')) 
      .then(parseResponse)
      .then(({data}) => Promise.resolve(data))
      .catch(({errors}) => Promise.reject({errors}));
    // *****

Just to note, I had to change the default settings of storage from 'cookies' to 'localStorage' in client-settings.js in order for this whole thing to work:

 proxyIf:            function() { return false; },
  proxyUrl:           "/proxy",
  forceHardRedirect:  false,
  storage:            "localStorage", // was originally set to 'cookies'
  cookieExpiry:       14,
  cookiePath:         "/",
  initialCredentials: null,

It's a bit hacky, and there are some things i hard coded (like the 'default' argument being passed into getTokenValidationPath ), but it works like a charm so far.

from redux-auth.

rayhsieh commented on August 11, 2024

Thanks @nyjy85 ! The solution works like a charm. I also tested the pull request #50 by @jlonardi, and it works perfectly as well. @lynndylanhurley, you may consider to merge #50.

from redux-auth.

Recommend Projects