我是 Vue js 和 Vue Router 的初学者，找不到 404 页面错误答案

【问题标题】：I am a complete beginner in Vue js and Vue Router, 404 page not found error我是 Vue js 和 Vue Router 的初学者，找不到 404 页面错误
【发布时间】：2020-11-07 09:52:52
【问题描述】：

我似乎无法让这个简单的 vue 路由器工作，它在控制台 GET http://127.0.0.1:8000/my-new-router 404 (Not Found) 中给出了这个，我在 laravel 中使用它

app.js：

require('./bootstrap');
window.Vue = require('vue');
import router from './router'
Vue.component('navbar', require('./components/navbar.vue').default);
const app = new Vue({
    el: '#app',
    router
});

router.js：

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
import firstPage from './components/pages/MyFirstPage'
const routes= [
    {
        path: '/my-new-router',
        component: firstPage
    }
]
export default new Router({
    model:'history',
    routes
})

navbar.vue:

<template>
    <div>
        <h1>This is a test</h1>
        <router-view></router-view>
    </div>
</template>

MyFirstPage.vue：

<template>
    <div>
        
    </div>
</template>

welcome.blade.php：

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
        <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" crossorigin="anonymous">
    </head>
    <body>
        <div id="app">
            <navbar></navbar>
        </div>
    </body>
    <script src="{{ asset('js/app.js') }}"></script>
</html>

路由/web.php

<?php

use Illuminate\Support\Facades\Route;

    Route::get('/', function () {
        return view('welcome');
    });

【问题讨论】：

首先将 model:'history' 更改为 mode:'history'，并在问题中添加您的 laravel routes.php 文件
修复了，你是说web.php吗？
是的，routes/web.php
好的，完成了！

标签： vue.js vue-router

【解决方案1】：

将web.php的内容改为：

<?php

    use Illuminate\Support\Facades\Route;
    
        Route::get('{any}', function () {
            return view('welcome');
        })->where('any', '.*');

这样任何路由都会被转发到 vue-router。

【讨论】：