Role Based Menu about toucan HOT 2 CLOSED

Based on above it looks like you have created Vuex store actions okay (1-3), and the sidebar binding looks okay (5-6). I am thinking it might be an issue in the promises chain (4) in login component.

Does the code in action.ts look something like this?

        this.auth.login(credentials)
            .then((value) => this.$store.dispatch(StoreTypes.updateUser, value))
            .then(() => this.repo.getMenu(this.username))
            .then(value => this.$store.dispatch(StoreTypes.updateUserMenu, value))
            .then(() => this.$store.dispatch(StoreTypes.updateStatusBar, null))
            .then(() => this.$router.push(returnUrl))
            .catch(() => { });

The first step is definitely to make sure your call to repo service is being invoked, by looking at network activity in browser dev tools.

Also, have you tried installing Vue.js devtools ? It's really helpful for inspecting both Vue and Vuex state data!

from toucan.

Thanks allot. It did the trick, but while refreshing the page it clear the menu.
now one thing more how to intimate server that the token is not expired if the user is working on client, or if the token is expired on server side the client redirect to login.

from toucan.