在Laravel中使用Vue的History 模式

话不多说直接上代码

Route::view('/home', [HomeController::class, 'index']);
Route::view('/home/{query}', [HomeController::class, 'index'])->where('query','.*');

 

从我个人理解来说,意思就是无论home后面是什么东西,都会跳转到HomeController中,也就是会必定访问我们的单页面

 

而这个运用主要对于微信跳转非常好用,因为微信分享的链接无法带有#这样的链接,这样vue也无法获得其需要得参数了

 

例如我们vue中的路由是这样

 

  {
    path: '/home/:id',
    name: 'home',
    component: home,
  }

 

 

假如这个是我们的链接:http://test.com/home/1

 

我们就可以通过 这样的方式获得参数

    let id= this.$route.params.id

 

非常好,很有精神!!!