hash和history两种模式的区别+SpringBoot的特定配置

今天学习到vue-router有两种模式，一种是hash，一种是history模式

这两种模式对于后端来说有点区别

1，hash模式

这个模式是链接后拼接/#/这样的形式，在实际请求时并不加入#后面的参数，参数只对前端生效，所以有人称之为前端路由。

2，history模式

通过history api，我们丢掉了丑陋的#，但是它也有个问题：不怕前进，不怕后退，就怕刷新，f5，（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器。

history模式下有时候会需要配置所有404链接都跳转到index.html来处理。
下面给出spring boot的配置。

@Component
public class WebConfiguration implements EmbeddedServletContainerCustomizer {@Overridepublic void customize(ConfigurableEmbeddedServletContainer configurableEmbeddedServletContainer) {configurableEmbeddedServletContainer.addErrorPages(new ErrorPage(HttpStatus.NOT_FOUND, "/index.html"));}}

同事说hash不好，history更好一点

hash和history两种模式的区别+SpringBoot的特定配置相关推荐

hash 和 history 两种模式
区别 hash模式下,仅hash符号之前的内容会被包含在请求中,如 http://www.11.com 因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回404错误: history模式下,前端 ...
vue-router前端路由的两种模式的区别
一.前端路由存在的意义前端路由主要应用在spa项目中. 核心---在无刷新(不向后端发送请求)的情况下,可以根据不同url更改视图. 二.浏览器提供hash 和history 两种模式支持(可以说, ...
vue-router两种模式的区别
vue-router两种模式的区别 1.hash模式 vue-router默认的是hash'[hæʃ] '模式,使用URL的hash来模拟一个完整的URL,于是当URL改变的时候,页面不会重新加载,也 ...
蓝牙播放Stereo和Hands-Free AG Audio两种模式的区别？
当使用蓝牙耳机时,发现电脑的播放设备显示了两种模式(如下图所示),Stereo模式下声音正常,而调到Hands-Free AG Audio模式下声音频带窄了很多且音质差,典型的电话音,下面具体说说这两 ...
vue-router 两种模式的区别
vue-router有两种模式,hash模式和history模式,这里来谈谈两者的区别. **hash模式** hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事 ...
git merge 的两种模式的区别 --no-ff与fast forward
git merge 将名字为branchName的分支合并到当前分支有两种模式 git merge <branchName>:fast forward模式,快速合并,看不出做过合并. 不 ...
Vue-Router前端路由的两种模式、区别、原理？
vue路由有⼏种模式?有什么区别?原理是什么? 一.vue路由有几种模式? 二.两者区别三.原理一.vue路由有几种模式? vue的路由模式⼀共有两种,分别是哈希和history 二.两者区别哈 ...
vue-router的两种模式及区别
为什么要有 hash 和 history? 对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义.前端路由的核心,就在 ...
vue-router 两种模式的区别？
vue-router 有 3 种路由模式:hash.history.abstract. 1) hash模式:hash + hashChange 特点: hash虽然在URL中,但不被包括在HTTP请求 ...

hash和history两种模式的区别+SpringBoot的特定配置

hash和history两种模式的区别+SpringBoot的特定配置相关推荐

最新文章

热门文章