Laravel Vue —ルータービューがレンダリングされない

だから私はlaravelvuevue-routerとvuexでSPAを構築することでSPAについて学ぼうとしています。

私の問題は、私が何をしてもrouter-viewがまったくレンダリングされず、ここで希望を失い始めており、vueコンポーネントからのHelloメッセージのみが表示されることです。

私が知っている限り、コードにはエラーがありません。

これは私のセットアップとファイルです

Laravelルーターページ：web.php

Route::get('/{any}', [App\Http\Controllers\AppController::class, 'index'])->where('any', '.*');

home.blade.php：

@extends('layouts.app')

@section('content')
   <App></App>
@endsection

これが私のvueファイルです

app.js：

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

router.js

import Vue from 'vue'                                       
import VueRouter from 'vue-router'                          
import ExampleComponent from './components/ExampleComponent'
                                                            
Vue.use( VueRouter )                                        
                                                            
export default new VueRouter( {                             
 mode: 'history',                                          
 router: [                                                 
  { path: '/', component: ExampleComponent }              
 ]                                                         
} )                                                         

App.vueファイル

<template>
 <div class="content">
  <h1>Hello</h1>
  <router-view></router-view>
 </div>
</template>

<script>
 export default {
  name: 'App'
 }
</script>

ExampleComponenet.vue

<template>
 <div>
  <h1>This is the Example Component</h1>
 </div>
</template>

OUTのPUT私が得たことは、App.vueコンポーネントの負荷ですが、<router-view></router-view>HTMLコメントとしてレンダリング<!---->

Hello
<!---->