Vuejs2 如何将laravel和Vue2路由器混合在一起

所以在我的laravel应用程序中，我们有一个url

http://mywebsite.in/wfengine/search/

现在我想使用laravel路由器处理上面的链接，但似乎什么都没有发生

Router.js

从“vue路由器”导入VueRouter；
让路线=[
{
路径：'/filters'，
组件网：需要（“./views/filter”）
}
];
导出默认的新VueRouter({
路线
});

App.js

“从“/routes”导入路由器”；
//导入“/core/searchableCards”；
var app=新的Vue({
el:“#ep#U结果#U 1”，
路由器
})`

HTML

搜索页面

现在在laravel加载的页面上，我在浏览器中获得以下url

http://mywebsite.in/wfengine/search/#filters

但是模板没有加载，有人能帮我吗

---

据我所知，Vue路由器只是在进行一些Dom隐藏和显示，所以它不应该受到基本url的影响，对吗？

Vue路由器装载组件（在routes数组中定义）。 因此，如果为（例如）search.blade.php定义了一个指向wfengine/search/的laravel路由，那么应该有

dom元素

之后，您应该定义vue路由器：

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

routes变量是routes数组，该模式用于不带#（->）的vue路由。 之后，您应该在laravel的web路由中注册url（wfengine/search/filters），返回search.blade.php或包含

dom的“基本页面”

所以1。应该有一个基本php视图，其中包含

。

---

2.然后在服务器端注册URL，返回相同的基本视图。3.然后，vue路由器将决定在url末尾加载哪个组件。

vue路由器装载组件（在路由数组中定义）。 因此，如果为（例如）search.blade.php定义了一个指向wfengine/search/的laravel路由，那么应该有

dom元素

之后，您应该定义vue路由器：

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

routes变量是routes数组，该模式用于不带#（->）的vue路由。 之后，您应该在laravel的web路由中注册url（wfengine/search/filters），返回search.blade.php或包含

dom的“基本页面”

所以1。应该有一个基本php视图，其中包含

。

---

2.然后在服务器端注册URL，返回相同的基本视图。3.然后，vue路由器将决定在url末尾加载哪个组件。

在

routes/web.php

文件末尾，只需输入以下代码。这个技巧对我有用

// At the end of the file 

Route::get('/{vue_capture?}', function () {
    return view('welcome');
})->where('vue_capture', '[\/\w\.-]*');

---

当然，您必须将

放入布局或刀片文件。

在

路由/web.php

文件的末尾，只需输入以下代码即可。这个技巧对我有用

// At the end of the file 

Route::get('/{vue_capture?}', function () {
    return view('welcome');
})->where('vue_capture', '[\/\w\.-]*');

---

当然，您必须将

放入布局或刀片文件中。

Router.js中路由中的

组件网

拼写错误怎么办？Router.js中路由中的

组件网

拼写错误怎么办？