Laravel 与 vue 的路由器混用该如何配置

1. 前后端分开部署
2. 把前端放到 public/vue-app 中, 在 Nginx 中配置

   # Vue 路由
   location /vue-app/ {
   try_files $uri $uri/ /vue-app/index.html;
   }
   # Laravel
   location / {
   try_files $uri $uri/ /index.php$is_args$args;
   }

3. 这样返回用了 Vue 的模板,,,不推荐这种,,,

   Route::get('vue-app/{path}', function () {
   return view('path.to.vue');
   })->where('path', '.*');

哈哈，正好解决了这个问题，我来回答一下，首先单页面vue-router跳转，他只是监听路由，并不会直接跳转。vue-router的路由是不会通过laravel的路由的，那么我们设置一下web.php

Route::any('{all}','WebController@index')->where(['all'=>'.*']);

这样我们就通过一句代码转发了所有的url给vue-router去处理的

然后我们再将api的路由写在api.php里面

不出意外的话，前端给文件夹里面应该有个 ***.html 文件，把文件拷贝到 public 目录下，这里以 public/spa/index.html 举例
路由定义 ：

Route::get(/spa/','SpaController@index')

控制器定义 ：

public function index() {
    $url = config('app.url');
    // do something
    return redirect($url . '/spa/index.html#/dashboard');
}

说明

• 前后端路由定义独立设置，互不影响
• 后端只用把路由正确重定向到前端提供的静态页面或者用 blade 视图代替该页面。具体可参考：https://cli.vuejs.org/zh/guide/deployment....