# App locks up on refresh after login -Vuejs

**URL:** <https://community.auth0.com/t/app-locks-up-on-refresh-after-login-vuejs/53349>\
**Category:** Get Help\
**Tags:** vuejs\
**Created:** [November 17, 2020, 8:31am UTC](https://community.auth0.com/t/app-locks-up-on-refresh-after-login-vuejs/53349 "2020-11-17T08:31:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![RobChap22](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/robchap22/32/12835_2.png) [@RobChap22](https://community.auth0.com/u/RobChap22)\
**Post date:** [November 17, 2020, 8:31am UTC](https://community.auth0.com/t/app-locks-up-on-refresh-after-login-vuejs/53349/1 "2020-11-17T08:31:17Z")

</div>

I set up Auth0 for Vue, following the instructions for a vue application in the docs. Things are working locally and on deployment, except for an issue that several others have had before: if I refresh the page, the app locks up, and the only way to get it going again is to manually delete the cookies.

The same issue is discussed here:

> [@Strange refresh issue with app after login](https://community.auth0.com/t/strange-refresh-issue-with-app-after-login/34221):
>
> I just decided to try Auth0 for the first time and went through the process of setting up Vue app authentication, following the instructions for a Vue application. Although I’ve made everything work on a new app installation, whenever I login and refresh the page, both the logout button and the Profile link in the menu disappear. Why is this happening and how can I deal with it? The only option I have for logout after page refresh is to delete the browser cookies for localhost.

> [@Auth0 client is null in React Component on page refresh](https://community.auth0.com/t/auth0-client-is-null-in-react-component-on-page-refresh/38927/3):
>
> It is suppossed that auth0 manage in it owns the getTokenSilently when the page is refreshed, I’ll describe each step to reproduce the error I’m getting: First my app gets into this component import React from 'react'; import { useAuth0 } from "../react-auth0-spa"; import { withStyles, createStyles } from '@material-ui/core/styles'; import CardActions from '@material-ui/core/CardActions'; import Button from '@material-ui/core/Button'; import CircularProgress from '@material-ui/core/Cir…

I’ve removed the trailing slashes from Allowed Web Origins and still no dice. All I get in the console is:  
[HMR] Waiting for update signal from WDS…  
Followed by:  
Failed to load resource: the server responded with a status of 400 ()  
And then eventually:  
[Vue warn]: Error in created hook (Promise/async): “TypeError: Cannot read property ‘isAuthenticated’ of null”

Any advice? This is the last problem I’ve got; once this gets resolved I can deploy.

Edit: forgot to mention, but this is probably in the vein of what I’m looking for: [Auth0 client is null in Vue SPA component on page refresh - #3 by adammtlx](https://community.auth0.com/t/auth0-client-is-null-in-vue-spa-component-on-page-refresh/38147/3)  
Can anyone patiently dumb this down for a poor junior dev, down on his luck?

---

<div class="post-metadata">

**Author:** ![adammtlx](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/adammtlx/32/19270_2.png) [@adammtlx](https://community.auth0.com/u/adammtlx)\
**Post date:** [November 17, 2020, 2:49pm UTC](https://community.auth0.com/t/app-locks-up-on-refresh-after-login-vuejs/53349/2 "2020-11-17T14:49:21Z")

</div>

First question, which request is returning a 400 status? Is it a request to Auth0 or a request to your own back end?

Second, have you verified if the isAuthenticated property or Auth0 client object becomes valid after some time has passed? For instance, if you attempt to access the Auth0 client after navigating to some other page (not refreshing again), is it valid?