从Laravel到Vue Router的URL路由

时间:2017-10-15 18:13:28

标签: laravel vue-router

我正在使用Laravel 5.4vue-js 2.4

Laravel路线

Route::get('/', 'HomeController@home');

的HomeController

public function home(Request $request) {
   return view('app');
}

Vue路由器

const routes = [
    { path: '/', name: 'home', component: App},
    { path: '/about', component: About },
];

点击此内容后,about组件展示得很好,网址为example.com/about

<router-link to="/about">About</router-link>

问题

当我输入example.com/about时,我被重定向到我的vue应用程序的主页example.com

我应该怎样做才能让about达到vue-router

2 个答案:

答案 0 :(得分:0)

Route::get('/{component?}', 'HomeController@home');

似乎正在运作

答案 1 :(得分:0)

在laravel上的about页面添加一条路线,就像/路线一样:

Route::get('/', 'HomeController@home');
Route::get('/about', 'HomeController@home');