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的超简单上下翻
Apr 20 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
Feb 16 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
原生JS实现小小的音乐播放器
Oct 16 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
angular中子控制器向父控制器传值的实例
Oct 08 Javascript
p5.js码绘“跳动的小正方形”的实现代码
Oct 22 Javascript
react-intl实现React国际化多语言的方法
Sep 27 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实现QQ空间自动回复说说的方法
2015/12/02 PHP
PHP生成制作验证码的简单实例
2016/06/12 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
JS求平均值的小例子
2013/11/29 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
小程序页面动态配置实现方法
2019/02/05 Javascript
[02:28]DOTA2英雄基础教程 狼人
2013/12/23 DOTA
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
Python中的random()方法的使用介绍
2015/05/15 Python
Python语言描述机器学习之Logistic回归算法
2017/12/21 Python
PyTorch搭建一维线性回归模型(二)
2019/05/22 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
Python实现线性判别分析(LDA)的MATLAB方式
2019/12/09 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
Python文件操作的面试题
2013/06/22 面试题
工作中的自我评价如何写好
2013/10/28 职场文书
小学新学期寄语
2014/04/02 职场文书
大学同学会活动方案
2014/08/20 职场文书
2015年乡镇卫生院工作总结
2015/04/22 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis