Vue路由默认带有#号,如何去掉#号模式
2019-06-04 09:42
399 查看
你需要开启HTML5 History 模式
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。
如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
const router = new VueRouter({
mode: ‘history’,
routes: […]
})
这种配置需要配合后端服务器的配置,如果你对服务器是nginx
相关文章推荐
- vue.js的路由地址会以#号分隔,去掉
- 如何去除vue项目中的 # — vue路由的History模式
- vue-router 路由模式及url中#号的解析
- 如何去掉office的安全模式
- vue-router设置默认路由
- vue路由的hash模式和history模式的打包并查看本地效果的方法
- Android 情景模式->标准->默认通知提示音->第一次开机如何默认选中"无"
- 看程序学Vue.js 12- VUE.JS 什么是路由?以及如何进行路由
- Xcode6/Xcode7中如何去掉默认的Main.storyboard for swift语言
- CentOS 7 如何设置默认启动方式为命令行模式
- vue-router路由加载两种模式
- 如何去掉Magento默认URL中的index.php
- 解决“vue-router子路由默认视图不显示”问题
- 第6篇:AngularJS路由去掉url里的#号刷新404($locationProvider.html5Mode(true)刷新404)
- 使用vue如何默认选中单选框
- CentOS 7 如何设置默认启动方式为命令行模式
- 如何默认勾选“设置-情景模式”菜单下面的BesAudEnh选项?
- 详解Vue路由History mode模式中页面无法渲染的原因及解决
- Vue中如何使用路由跳转页面及传递参数