laravel 中使用vue-router，如何用html5的history

Question

laravel 中使用vue-router，如何用html5的history?
如果在new VueRouter({mode:'history',...});这样的话，URL中会没有127.0.0.1/#/article，这样的#出现，路由没有找到。。
在线等。。。。

Answer 1

在异常处理 Handler 里面把 HttpException 转到你的 View 中处理！其余请求只能走API 模式

测试 laravel 5.4

web 路由中只定义跟路由。

Answer 2

vue-router 启用 history 模式需要后端服务器的支持。

如果服务器为 Apache ，配置如下:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

如果服务器为 Nginx，配置如下:

location / {
  try_files $uri $uri/ /index.html;
}

详见官网文档。

---

如果路由由前端负责，后端仅提供接口的话。
接口的路由最好在 routes/api.php 中定义。