1

我正在使用 laravel 和 vue 创建一个单页应用程序。它没有在页面加载时加载索引组件。

网页.php

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

Welcome.blade.php

<body>
    <div id="app">
    <router-view></router-view>      
    </div>
  <script src="{{asset('js/app.js')}}"></script>
</body>

路由器.js 文件

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter)
const routes = [
{ path: '/', component: require('./components/IndexComponent.vue') },
{ path: '/login', component: require('./components/LoginComponent.vue') }
]

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

app.js 文件

require('./bootstrap');

window.Vue = require('vue');
import vuetify from './vuetify';
import router from './router';

import Index from './components/IndexComponent'; 
import Login from './components/LoginComponent'; 

var app = new Vue({
el: '#app',
router,
vuetify,
components: {
    'index-component':Index,
    'login-component':Login
}
});

索引组件(IndexComponent.vue)

<template>
  <router-link to="/" class="nav-item nav-link">Home</router-link>
                <router-link to="/login" class="nav-item nav-link">Login</router-link>
 <router-view></router-view>
 </template>
4

1 回答 1

0

我有同样的问题。在 chrome 中打开您的项目,然后按 Ctrl + Shift + I(打开控制台)。现在登录后,您可以看到有一条警告说:与 favicon.ico 不匹配。要解决此问题,您可以转到您的路线文件并定义重定向:

{
    path: '/favicon.ico',
    redirect: '/user/dashboard'
}
于 2021-09-08T09:29:24.023 回答