vue.js路由mode配置之去掉url上默认的#方法


Posted in Javascript onNovember 01, 2019

比如 : 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上默认的#方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery实现图片翻页效果
Dec 23 Javascript
js和css写一个可以自动隐藏的悬浮框
Mar 05 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
Bootstrap select下拉联动(jQuery cxselect)
Jan 04 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
Apr 09 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 24 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 Javascript
js实现漂亮的星空背景
Nov 01 #Javascript
Vue实现push数组并删除的例子
Nov 01 #Javascript
vue实现跳转接口push 转场动画示例
Nov 01 #Javascript
JS实现动态星空背景效果
Nov 01 #Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 #jQuery
vue 中固定导航栏的实例代码
Nov 01 #Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 #Javascript
You might like
php SQL之where语句生成器
2009/03/24 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
JavaScript获取对象在页面中位置坐标的方法
2016/02/03 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
javascript中json基础知识详解
2017/01/19 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
使用Python生成url短链接的方法
2015/05/04 Python
python实现给数组按片赋值的方法
2015/07/28 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
Python反射的用法实例分析
2018/02/11 Python
Python使用Selenium+BeautifulSoup爬取淘宝搜索页
2018/02/24 Python
python事件驱动event实现详解
2018/11/21 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
tensorflow自定义激活函数实例
2020/02/04 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
库存图片、照片、矢量图、视频和音乐:Shutterstock
2021/02/12 全球购物
需求分析说明书
2014/05/09 职场文书
2014年结对帮扶工作总结
2014/12/17 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
公司董事任命书
2015/09/21 职场文书