Laravel:Vue路由器不重定向到路径

我对Laravel和Vue JS不熟悉。我正在尝试将vue集成到laravel项目中，但我的vue路由器不工作，我不明白为什么。我试图转到路径/登录，但它只是呈现示例组件。我怎样才能解决这个问题

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
});

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
})

router.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
});

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
})

---

仅仅因为这里的u r只渲染“示例”组件

render:h=>h（示例），

改为使用

，这样所有路由器视图都将呈现

const-app=新的Vue({
el:“#应用程序”，
模板：``，
路由器
});

或者，您可以使用一个主要的vue组件来负责渲染

你可以检查我的结构

---

仅仅因为您在这里只渲染“示例”组件

render:h=>h（示例），

改为使用

，这样所有路由器视图都将呈现

const-app=新的Vue({
el:“#应用程序”，
模板：``，
路由器
});

或者，您可以使用一个主要的vue组件来负责渲染

你可以检查我的结构

---

你能展示你的

web.php吗

你能展示你的

web.php吗