使用js进行页面跳转

发布时间 2023-12-25 14:03:14作者: Karle

场景

vue项目,vite配置了基本路径前缀/h5

在页面内,通过js进行页面跳转

问题

使用window.location.href = '目标地址',结果发现实际跳转地址会变成本地地址前缀+目标地址,e.g. https://loacalhost:9999/h5/www.baidu.com

解决

同样使用window.location.href,但是不是直接进行目标地址填写,而进行一个协议拼接

window.location.href = window.location.protocol + '//' + 'www.baidu.com '

window.location.protocol返回当前url的协议