最近开发页面,需要实现登录功能,成功后跳转到指定页面,之前尝试了好几种页面被跳转方法,但是都失败了,好在最终成功跳转,且浏览器不会后退,所以来记录一下:
最开始我使用的是window.location.href="http://localhost:8080",虽然能成功跳转到指定页面,但是点击浏览器回退按钮,会回退到登录页面,就导致登录页面和主页面可以来回切换,这样一来,登录功能相当于没什么效果
所以后来就改用了window.location.replace('http://localhost:8080');浏览器回退功能就被锁死,登录成功跳转到主页面后就不能再回退
window.location.replace('http://localhost:8080' + window.location.search);
后来去了解了一下window.location.href和window.location.replace的区别,window.location.href是从当前页面定位到指定的url,其本质就是改变了浏览器的地址定位,浏览器会有上一个页面的记录,window.location.replace是用指定的url替换当前缓存再历史记录里面的url,不能再通过前进后退来访问以及被替换的页面,很适用于开发登录页面这种过渡页面