vue router mode 设置"hash"与"history"的区别
2017-10-09 20:41
811 查看
router官网的说明如下:
********************************************我是官网说明分隔符--开始***************************************************************
类型:
默认值:
可选值:
配置路由模式:
********************************************我是官网说明分隔符--开始***************************************************************
这里主要说明设置为"hash"与"history"的区别:
因为router默认使用“hash”,所以设置与否浏览器的URL显示像这样(http://localhost:8000/#/firsts/first ),
mode设置为"history"时,浏览器URL显示为(http://localhost:8000/firsts/first),设置“history”后链接中没有#
好吧!我也说不出使用"history"有特别的好处,就是感觉此时的URL像正常的URL
********************************************我是官网说明分隔符--开始***************************************************************
类型:
string
默认值:
"hash" (浏览器环境) | "abstract" (Node.js 环境)
可选值:
"hash" | "history" | "abstract"
配置路由模式:
hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。
history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式.
abstract: 支持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发现没有浏览器的 API,路由会自动强制进入这个模式。
********************************************我是官网说明分隔符--开始***************************************************************
这里主要说明设置为"hash"与"history"的区别:
因为router默认使用“hash”,所以设置与否浏览器的URL显示像这样(http://localhost:8000/#/firsts/first ),
mode设置为"history"时,浏览器URL显示为(http://localhost:8000/firsts/first),设置“history”后链接中没有#
好吧!我也说不出使用"history"有特别的好处,就是感觉此时的URL像正常的URL
相关文章推荐
- Vue-router 中hash模式和history模式的区别
- vue-router中的hash和history两种模式的区别
- vue-router下的html5 history在iis服务器上的设置 vue去掉#
- vue-router的HTML5 History 模式设置
- vue-router下的html5 history在iis服务器上的设置 vue去掉#
- [react-router] hashHistory 和 browserHistory 的区别
- WPF中App.xaml中ShutdownMode值设置的区别
- vue-router菜鸟进阶!(路由组件传参 vs H5 History模式)
- vue-router设置默认路由
- Web.config中 mode="RemoteOnly" 跟mode="On" 区别
- vue-router之nuxt动态路由设置的两种方法小结
- vuejs router history 配置到iis
- (转)Android属性设置android:noHistory="true"
- vue-router踩坑之history模式的scrollBehavior
- vue-router动态设置页面title
- Stuts2的"struts.devMode"设置成true后,不起作用,仍需要重启tomcat
- 不能在此路径中使用此配置节。如果在父级别上锁定了该节,便会出现这种情况。锁定是默认设置的(overrideModeDefault="Deny"),或者是通过包含 overrideMode="Deny"
- 设置style="DISPLAY: none"和visible=false的区别
- 在ncverilog仿真条件设置中+nospecify ,+notimingcheck 和 +delay_mode_zero之间有什么区别
- vue-router使用history的配置问题