Vuejs + Laravel router redirection issue

Question

After login, page should redirect on dashboard component and it does but then again redirect on laravel app url

Route : I have used Vue Router

const routes = [{
        path: '/dashboard',
        name: 'uDashboard',
        component: uDashboard
    }];

On Form Submit

methods: {
        submit: function() {
            axios.post('api/login', this.form).then(response => {
                if (response.status == 201) {
                    this.$router.push({name: 'uDashboard'});
                }
            })
        }
    }

I think you need to add Event as a parameter and preventDefault before the axios method. — geertjanknapen
– geertjanknapen, Commented Apr 29, 2022 at 9:02

geertjanknapen · Accepted Answer · 2022-04-29 09:05:58Z

0

Make your code prevent the default action on form submit like so:

methods: {
        submit: function(e) {
            e.preventDefault(); // <-- added this
            axios.post('api/login', this.form).then(response => {
                if (response.status == 201) {
                    this.$router.push({name: 'uDashboard'});
                }
            })
        }
    }

answered Apr 29, 2022 at 9:05

geertjanknapen

1,4532 gold badges17 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

Vuejs + Laravel router redirection issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related