vue.js路由mode配置之去掉url上默认的#方法
更新时间：2019年11月01日 11:16:36 作者：LHB雷欧奥特曼
今天小编就为大家分享一篇vue.js路由mode配置之去掉url上默认的#方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
比如 ： http://localhost:8080/#/login 路由中间默认带有 #
如果需要去掉#，只需将mode的默认值'hash'改为'history'即可。
router.js :
import Router from 'vue-router'
import routers from './routers'
export default () => {
return new Router({
routers,
mode: 'history' // 加上这个配置项，url默认的 # 就不会出现了
})
}
关于mode说明：
默认值： ‘hash‘(浏览器) 或 ‘abstract‘(node.js)
可选值 ： ‘hash' | ‘history' | ‘abstract'
hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。
history: 依赖 HTML5 History API 和服务器配置。点击查看官方HTML5 History 模式说明.
abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。如果发现没有浏览器的 API，路由会自动强制进入这个模式。
以上这篇vue.js路由mode配置之去掉url上默认的#方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了使用vue实现自定义多选与单选的答题功能,vue组件中在表单方面提供了一个v-model指令，非常好用，具体实现过程大家跟随脚本之家小编一起看看吧2018-07-07
基于vue-upload-component封装一个图片上传组件的示例
这篇文章主要介绍了基于vue-upload-component封装一个图片上传组件的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了vue-element-admin登录全流程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家详细介绍了vue中渐进过渡效果的实现方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了vue使用高德地图点击下钻 上浮效果的实现思路,本文以浙江省为例通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2019-10-10
本篇文章主要介绍了基于VUE.JS的移动端框架Mint UI的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
详解element-ui表格中勾选checkbox，高亮当前行
这篇文章主要介绍了详解element-ui表格中勾选checkbox，高亮当前行，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
vue3的ref,computed,reactive和toRefs你都了解吗
这篇文章主要为大家详细介绍了vue3的ref,computed,reactive和toRefs，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要给大家介绍了关于vue项目结构目录超详细介绍的相关资料,Vue项目目录结构是指在开发Vue项目时,为了更好地组织和管理代码,将不同的文件按照一定的规则和层次结构进行分类和存放的方式,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了解决Vuepress码云部署及自动跳转404的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论