您的位置:首页 > 产品设计 > UI/UE

vue router mode 设置"hash"与"history"的区别

2017-10-09 20:41 811 查看
router官网的说明如下:

********************************************我是官网说明分隔符--开始***************************************************************

类型:
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: