http://localhost:8080

http://localhost:8080

小贴士

为什么不用#号

常用HISTORY 模式mode:history

因为#它是一特殊字符，在很场合不被满足。

vue地址栏中#的作用

• 地址栏中，经常出现#，是什么作用，能不能去掉#？

• hash模式：地址栏包含#符号，#以后的不被后台获取

• history模式：具有对url历史记录进行修改的功能

• 在微信支付，分享url作为参数传递时，#不能满足需求

• history需要后台配合，处理404的问题

mode：“history” 去井号

为什么不用#号？

index.js 文件增加 mode:'history'，修改路由为history 模式，这样地址栏中就不需要#了

路由的类型，hash 和 history。

去除#号，mode采用history模式

为什么不用#号

• 地址栏中，经常出现#，是什么作用，能不能去掉#？

• hash模式：地址栏包含#符号，#以后的不被后台获取

• history模式：具有对url历史记录进行修改的功能

• 在微信支付，分享url作为参数传递时，#不能满足需求

• history需要后台配合，处理404的问题

• 
  

为什么不用#号？

路由有两种模式：hash和history，通常采用history模式，mode:history。

history模式时页面404时会报错，hash模式时页面404时不报错

关于地址栏中 # 

• 地址栏中，经常出现#，是什么作用，能不能去掉#？

• hash模式：地址栏包含#符号，#以后的不能呗后台获取

• history模式：具对url历史记录进行修改的功能

• 在微信支付、分享url作为参数传递时，#不能满足需求

• history需要后台配合，处理404的问题

通常不建议用hash模式的地址栏，原因是其中的#不能被获取或者当成参数传递，这时候需要把hash模式更改为history模式。

在index.js中配置即可

export default new Router({

mode:'history', //把模式指定为history就可以去掉 #

})

#作为特殊符号 在一般情况下也不会出现在地址栏里（不好看）。

history模式 具有对url历史记录进行修改的功能，所以通过history模式也能实现页面对后台的不频繁访问

地址栏中 #和history模式 可以减少和后台的通讯次数。使http不会反复的对后台发出请求。

#不会产生404问题，最多就是页面不会发生变化。

history模式 如果页面不存在就会报出404的错误。

在微信支付、分享url作为参数传递的时，#不能满足需求，就要使用history模式，而history模式就需要后台配合处理404问题

【注意】

1、地址栏中的#，是为了防止http频繁请求后台造成压力

2、hash模式：地址栏包含#符号，#以后的内容不会被后台获取

3、history模式：具有对url历史记录进行修改的功能

4、在微信支付、分享url作为参数传递时，#属于特殊符号，不能满足需求

5、history需要后台配合，来处理404的问题

结论，现在业界一般使用history模式，H5中的属性。

history包含了hash模式的优势，就是优化了获取服务器的请求。

#作为特殊字符，在一起场合不支持，所以一般不用它

history和hash

history和hash

#在地址栏中的作用

暂时没有名表。标记一下

地址栏中的＃是什么作用？可以去掉吗？分如下两种：

• ｈａｓｈ模式：地址栏包含＃符号，为了减少到后台数据库的访问次数，当浏览器地址栏的内容没有发生改变时，浏览器是不会发出请求到后台的，这样就可以减少数据库或者后台的访问次数，＃以后的不被请求获取，#前面的内容始终不变，#后面的内容无论怎么变化也不会被http所获取到，所以页面就不会被重新加载，从而减少对后台的访问次数；在微信支付、分享url作为参数传递时，#不能满足需求。#模式，即使页面不存在，也不会报错，最多也是不发生任何变化。

• ｈｉｓｔｏｒｙ模式：具有对ｕｒｌ历史记录进行修改的功能。它也是为了减少对后台的访问次数，使http不会重复的发出对后台的请求，便于对历史记录进行修改，它利用H5的新功能实现的，普遍采用此模式。它存在刷新的问题，在经过刷新后或者页面不存在的时候，会出现404错误。

• 所以在通常情况下，#是特殊符号，受限关键字，在进行参数传递，微信支付等场景时，#是不能用的，通常情况下就采用history模式。history需要后台配合，处理404问题

vue-router hash模式和history模式

路由的history模式和hash模式的区别

vue-router hash模式和history模式

#

hash模式

history模式

为什么不用#