Laravel routes not working when using Vue Router

Question

I am trying to call a laravel route Route::get('/logout', 'Auth\LoginController@logout'); that will logout the user and redirect to the login page, but when I try to redirect to this url it won't work, anything happens, just like it was calling a vue router route, but this route does not exists in my router.js.

This is my route configuration to vue routes:

Route::get('/{vue_capture?}', function () {
    return view('index');
})->where('vue_capture', '^(?!storage).*$');

and this is my router.js :

//import ...

Vue.use(Router)

export default new Router({
    mode: 'history',
    routes: [{
        path: '/',
        component: Inicio
    }, {
        path: '/viagens/cadastrar',
        component: Cadastrar
    }, {
        path: '/viagens/listar',
        component: Listar
    }]
})

There's not a /logout route in my route.js, so why it is not calling my laravel route??

I don't understand ... Where are you calling the laravel logout route? — porloscerros Ψ
– porloscerros Ψ, Commented Nov 29, 2019 at 20:22
@porloscerrosΨ in a button link, but even directly in the URL it does not work — Fantasmic
– Fantasmic, Commented Nov 29, 2019 at 20:25

Marcelo The Mage Coder · Accepted Answer · 2019-12-03 14:15:19Z

3

How are you generating your links inside your vue component: with router-link or href ?

If you want to call a vue route, use router-link;
If you want to call a "normal" or laravel route, use href;

Let me know if it worked.

answered Dec 3, 2019 at 14:15

Marcelo The Mage Coder

2,2623 gold badges17 silver badges31 bronze badges

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

Comments

Ronnie Tws · Accepted Answer · 2019-11-29 21:02:26Z

0

Try to put your vue routes before this line:-

Auth::routes();

answered Nov 29, 2019 at 21:02

Ronnie Tws

4843 silver badges6 bronze badges

1 Comment

lagbox Over a year ago

can you add to your answer why this would fix their issue? because this should be before the catchall route not after it

Garry · Accepted Answer · 2019-11-30 13:22:05Z

0

First, add Laravel auth routes to web.php file in routes folder

Auth::routes();

then in the frontend send a request to logout route

  axios.post('/logout').then(response => {
                location.reload();
            }).catch((error) => {
               console.log(error);
            });

answered Nov 30, 2019 at 13:22

Garry

2,3902 gold badges14 silver badges14 bronze badges

4 Comments

Fantasmic Over a year ago

I can do post requests like this, but I'm trying to do a get request to a laravel route through URL. What should I do in this case?

Garry Over a year ago

are you using Laravel Passport?

Fantasmic Over a year ago

No, I'm using laravel's default Auth adapter.

Garry Over a year ago

try this in your route file Route::get('logout', '\App\Http\Controllers\Auth\LoginController@logout');

Muhammad asif · Accepted Answer · 2019-12-12 11:01:18Z

What I did in myproject.There is Auth::routes() in web.php. It will handle it by calling ougout in AthenticatesUser.php.Please have a look at this php class.

<template>
<div class="container">
    <button class="btn" @click="logout">logout</button>
    <form id="logout-form" action="/logout" method="POST" style="display: 
none;">
                        <input type="hidden" name="_token" :value="token">
                    </form>
    <router-view></router-view>
</div>
</template>
 <script>
  export default {
  computed: {
        token() {
            let token = document.head.querySelector('meta[name="csrf-token"]');
            return token.content
        }
    },
    methods: {
        logout() {
            document.getElementById('logout-form').submit()
        }
    }
}

Collectives™ on Stack Overflow

Laravel routes not working when using Vue Router

4 Answers 4

Comments

1 Comment

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related