Laravel：Vue-Router 不会重定向到路径答案

【问题标题】：Laravel: Vue-Router does not redirect to pathLaravel：Vue-Router 不会重定向到路径
【发布时间】：2020-12-19 03:58:38
【问题描述】：

我是 Laravel 和 Vue JS 的新手。我正在尝试将 vue 集成到 laravel 项目中，但我的 vue-router 无法正常工作，我不明白为什么。我试图去路径 /login 但它只是呈现示例组件。我该如何解决这个问题？

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

【问题讨论】：

你能显示你的web.php

标签： laravel vue.js vuejs2 vue-router

【解决方案1】：

只是因为你在这里只渲染“示例”组件 render: h => h(Example),

请改用<router-view></router-view>，这样所有路由器路由器视图都会呈现

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

或者你可以使用一个主要的 vue 组件来渲染<router-view></router-view>

你可以检查我的结构

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

【讨论】：