与传统方式不一样的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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容