Vue路由器没有加载URL输入到浏览器

Question

我有一个Laravel 5.3项目利用Vue路由器。我在模板（home.blade.php）中使用<router-view></router-view>标签。

我遇到的唯一问题是我似乎无法通过在路由器中输入URL来获取视图。只有在我的刀片文件中使用router-link才有效。

这里是我的主JS文件，其中我实现了路由器：

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

Vue.use(VueRouter); 
Vue.use(require('vue-resource')); 

Vue.http.headers.common['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content'); 

Vue.component(
    'passport-clients', 
    require('./components/passport/Clients.vue') 
); 

Vue.component(
    'passport-authorized-clients', 
    require('./components/passport/AuthorizedClients.vue') 
); 

Vue.component(
    'passport-personal-access-tokens', 
    require('./components/passport/PersonalAccessTokens.vue') 
); 

const routes = [ 
    { path: '/view1', component: require('./components/view1.vue')}, 
    { path: '/view2', component: require('./components/view2.vue')}, 
    { path: '/view3', component: require('./components/view3.vue')} 
] 

const router = new VueRouter({ 
    routes: routes, 
}) 

const app = new Vue({ 
    router 
}).$mount('#app') 

我web.php文件：

<?php 

/* 
|-------------------------------------------------------------------------- 
| Web Routes 
|-------------------------------------------------------------------------- 
| 
| Here is where you can register web routes for your application. These 
| routes are loaded by the RouteServiceProvider within a group which 
| contains the "web" middleware group. Now create something great! 
| 
*/ 

//All the authentication routes 
Auth::routes(); 

//Only routing needed for Laravel 
Route::get('/{catchall?}', ['as' => 'start', 'middleware' => 'auth', function() { 
    return view('home'); 
}])->where('catchall', '.*'); 

任何想法，为什么可以这样做呢？

Answer 1

您是否尝试过在new VueRouter中设置history: true，如果您有后端，则不需要使用哈希URL。