我不知道如何解决我的问题 . 我要求在特定的动态路径中使用Vue和Laravel进行单页面应用程序（SPA） .
例如：
www.buying.dev/usernameXY/new-fresh-phone
使用Title New Fresh Phone向您展示当前的Sellitem，它描述了usernameXY和sellitem的图像
在下面你可以找到他最受欢迎的项目，但也可以找到其他用户的项目 .
只是想象它我告诉你一个超级快速草图：
所以对于后端我使用Laravel .
Route::prefix('/{username}')->group(function () {
Route::get('/', 'UserProfileController@show');
Route::get('/reviews', 'UserProfileController@reviews');
Route::get('/{selllink}', 'BuyController@show'); //Here comes the SPA
});
如果用户向下滚动，他也会找到其他项目，当他点击它时，URL会变为
www.buying.dev/usernameYY/new-awesome-gadget
网址的更改不应刷新整个页面，而只是更新顶部的内容 .
对于解决方案来说，Vue Router在我的脑海中，但我从未在Laravel Route和Vue Route同时使用它 .
此外，通常您只需使用VueRouter组件调用以查看页面，例如
routes: [
{
path: '/',
name: 'home',
component: Home
}]
但我只会使用一个组件buy.vue . 我不知道如何将它与它结合起来
Route::prefix('/{username}')->group(function () {
Route::get('/', 'UserProfileController@show');
Route::get('/reviews', 'UserProfileController@reviews');
Route::any('/{selllink}', 'BuyController@show')
->where(['selllink' => '.*']);
});
但后来我不知道如何使用Vue Router，因为我该怎么称呼？
routes: [
{
path: '/*/*', // /Username/Itemname ??
name: 'buy',
component: buy.vue
}]
所以我迷路了，我不知道该怎么做 .
我的替代方案是我不使用Vue Router，因此无法动态更改URL .
我可以使用v-cloak隐藏整个页面，只显示它的挂载/创建时间 .
所以我的问题是，如何在特定的动态路径上开发单页面应用程序，并且只使用一个组件？或者是否可以在没有Vue Router的情况下更改URL？
我希望这是可以理解的
谢谢！
1 回答
您可以在vue Router中使用动态路径参数 .
和类似的东西
在
beforeEnter期间处理参数 .