美文网首页
与传统方式不一样的vue路由

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

作者: 爱蛇 | 来源:发表于2019-07-18 09:38 被阅读0次

前言

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

示例对比

传统形式(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

相关文章

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

    前言 以前我们用的路由都是以抛锚形式的,想不到现在可以做成像伪静态一样的路由。 示例对比 传统形式(hash式)的...

  • Vue路由

    一、Vue路由基础用法: 二、Vue路由配置的抽出 三、路由动态传值: 四、路由的跳转方式: 五、路由的hash模...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • veu传参几种方式

    1、query的方式 2、params的方式 配置路由: 动态路由子路由 vue路由跳转有四种方式 router-...

  • vue路由vue-router快速入手

    路由是vue进行“页面跳转”的实现方式,而vue-router是vue的一个路由组件。https://router...

  • vue-router

    跳转路由 vue路由文件router.js 在vue文件中使用路由: 第一种方式我们可以看到name是给路由命名,...

  • vue基于d2-admin的RBAC权限管理解决方案2019-0

    前两篇关于vue权限路由文章的填坑,说了一堆理论,是时候操作一波了。 vue权限路由实现方式总结 vue权限路由实...

  • vue 路由传参的三种方式

    vue路由传参方式 params query vuex + sessionStore

  • zuul学习二:zuul路由详解(一)

    传统路由配置 所谓的传统路由配置方式就是在不依赖与服务发现机制的情况下,通过在配置文件中具体制定每个路由表达式实例...

  • vue总结

    vue路由守卫 vue实现双向绑定原理 Vue生命周期: vue跨域方式 vue-router实现原理 vue-r...

网友评论

      本文标题:与传统方式不一样的vue路由

      本文链接:https://www.haomeiwen.com/subject/yulklctx.html