Laravel: Vue-Router does not redirect to path

Question

I am new to Laravel and Vue JS. I am trying to integrate vue in a laravel project and my vue-router is not working and I don't understand why. I am trying to go to the path /login but it just renders the Example component. How can I fix this?

app.js

require('./bootstrap');

window.Vue = require('vue');

import router from './router';
import Example from "./components/ExampleComponent";

const app = new Vue({
    el: '#app',
    render: h => h(Example),
    router
});

router.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import Example from './components/ExampleComponent';
import Login from './components/LoginComponent';

Vue.use(VueRouter)

const routes = [
    {
        path: "/",
        component: Example,
        name: "example"
    },
    {
        path: "/login",
        component: Login,
        name: "login"
    }
];

export default new VueRouter({
    mode: 'history',
    routes
})

can u show your web.php

Kamlesh Paul
– Kamlesh Paul

2020-08-31 03:40:06 +00:00
Commented Aug 31, 2020 at 3:40 — Kamlesh Paul
– Kamlesh Paul, Commented Aug 31, 2020 at 3:40

Kamlesh Paul · Accepted Answer · 2020-08-31 03:43:04Z

2

Just because u r render only "Example" Component here render: h => h(Example),

use <router-view></router-view> instead so all router router view will render

const app = new Vue({
    el: '#app',
    template: `<router-view></router-view>`,
    router
});

or u can use a main vue component which will responsible to to render <router-view></router-view>

you can check my structure

https://github.com/Kamleshpaul/blog/blob/master/resources/js/App.vue

answered Aug 31, 2020 at 3:43

Kamlesh Paul

12.5k2 gold badges23 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

Laravel: Vue-Router does not redirect to path

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