做网站与考研,今天鞍山的招工信息,wordpress 自测,在线网站排名工具目录
第一章 场景
第二章 总结 第一章 场景
最近实现需求时遇到这么一种情况#xff1a;
本地url —— 线上url —— 需求#xff1a;需要将token清除掉 注意事项#xff1a;token不是#/后面的参数#xff0c;说明并不是我们前端返回的#xff0c;vue路由的方法使用不…目录
第一章 场景
第二章 总结 第一章 场景
最近实现需求时遇到这么一种情况
本地url —— 线上url —— 需求需要将token清除掉 注意事项token不是#/后面的参数说明并不是我们前端返回的vue路由的方法使用不了首次解决的方法
window.location.href / 发现问题使用该方法本地解决了测试也没问题但是上线出现了问题可以发现线上的url事件上是.com下面还有一个路径这是这个网址下面有不同的文件夹从而造成的但是我们使用的方法window.location.href /是调整到根路径.com/下从而造成问题没有真正的解决。最终解决思路通过思考得到方案——获取路径的信息然后通过?分割截取前面一部分然后再跳转这个接口即可。
window.location.href window.location.href.split(?)[0]
反思小编最开始以为 window.location.href 方法只是单纯的赋值跳转而已没想到这个方法也是可以获取当前页面的url路径对他们没有充分理解。经过学习小编总结了下面这些原生的实际场景中会用到的方法
第二章 总结 http://192.168.124.131:8089/?tokenb9b....6ae03193f3c7#/test?a123b321 为例(都是针对history模式的方法):
window.location.href 当前url
console.log(window.location.href) 注意可以利用 window.location.href 赋值跳转到新的对应的页面
扩展window.open(url, name, parameters)也可以用于打开一个新的浏览器窗口或在一个已存在的窗口中加载URL其中常用的name参数有以下配置项
_self在当前窗口加载URL默认行为。_parent在父框架或父窗口中加载URL。_top在整个浏览器窗口或标签页中加载URL取消所有框架。_blank在新窗口或新标签页中加载URL。 window.location.protocol 协议
console.log(window.location.protocol) window.location.host域名端口号
console.log(window.location.host) window.location.hostname 域名
console.log(window.location.hostname) window.location.port 端口号
console.log(window.location.port ) window.location.pathname路由路径
console.log(window.location.pathname) 注意小编这里的路径是hash模式的所以输出为 / 如果是history模式择输出 /test
window.location.search 请求的参数
console.log(window.location.search) window.location.origin 根路径
console.log(window.location.origin)