与传统方式不一样的vue路由

前言

以前我们用的路由都是以抛锚形式的，想不到现在可以做成像伪静态一样的路由。

示例对比

传统形式(hash式)的路由:

http://www.example.com/app#index
http://www.example.com/app#user

vue式(URL式)路由:

http://www.example.com/app/index
http://www.example.com/app/user

这里要注意的是，这个需要配合后端服务器的配置才能实现的了。
如果用的是nginx ，则需要加上配置:

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

参考

vue官方路由管理器
https://router.vuejs.org/zh/guide/essentials/history-mode.html