Redirect to different frontend page after backend login in Vue-Laravel

Frontend
1

I’m a beginner programmer working with Vue and Laravel. I’m trying to figure out how to change my frontend route to a different one after successfully logging in through the backend. Here’s what I’ve got so far:

async function handleLogin() {
  try {
    const result = await axios.post('api/auth/login', {
      email: userEmail,
      password: userPassword
    });
    localStorage.setItem('authToken', result.data.token);
    // What should I do here to change the frontend route?
  } catch (err) {
    displayError = true;
    setTimeout(() => { displayError = false; }, 3000);
  }
}

I’m not sure what to add after storing the token to make the frontend navigate to a new route. Any help would be great!

2

To redirect after a successful login, you can utilize Vue Router’s programmatic navigation. After storing the token, add this.$router.push('/desired-route') to navigate to the intended page. Ensure your router is properly configured with the necessary routes. Additionally, consider implementing a Vuex store to manage authentication state across your application. This approach allows for better state management and easier access to user authentication status throughout your components.

3

hey there! have u tried vue-router? after saving the token, do something like

this.$router.push('/dashboard')

to change route. what other pages r u planning? curious to hear ur ideas!

4

yo liam27, i had da same issue! try usin this.$router.push(‘/new-route’) after savin ur token. it’ll kick u to whateva page u want. make sure u got vue-router set up rite tho. good luck with ur project dude!