vue 中使用window.location不能跳转（待补充）

最新推荐文章于 2025-09-15 17:02:51 发布
原创 最新推荐文章于 2025-09-15 17:02:51 发布 · 5.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在使用window.location.href进行页面跳转时，URL末尾斜杠对http页面跳转的影响。通过添加斜杠，解决了无法跳转至http页面的问题。文章解释了斜杠在URL中的作用及对蜘蛛程序爬取的影响。

项目中因为有个地方需要跳转第三方页面，所以使用了window.location.href 进行跳转，出现问题：

  • 可以跳转至https页面
  • 不可以跳转至http页面

解决方法：http页面尾部加了个 /

原因： 待补充

/结尾代表的是目录

和蜘蛛程序爬取结果有关系。
xxx.com/ABC表示的是根目录下的ABC文件，而xxx.com/ABC/指的是ABC目录下的default文件。
当蜘蛛爬取xxx.com/ABC时，首先是到根目录下去读取ABC文件，找不到ABC文件后会自动的读取根目录下ABC目录下的default文件;而当蜘蛛爬取xxx.com/ABC/时，首先是到根目录下的ABC目录直接读取该目录下的default文件，这和爬取没有斜杠的url相比，省了一个步骤，在同样资源的情况下下，能节省读取时间，哪怕这时间很短，我们都有理由选择节省，节省蜘蛛带宽，也就是选择301重定向。
来源：https://www.admin5.com/article/20120720/446228.shtml

个人认为，也可以理解为直接访问/ABC，没有做重定向的话，如果没有文件ABC就会有问题

vue 或js 中解决 window.location.href下个多个文件只下载一个的问题， window.location.href不能同时下载多个文件问题解决
weixin_41346436的博客
04-24 2354
【代码】vue 或js 中解决 window.location.href下个多个文件只下载一个的问题， window.location.href不能同时下载多个文件问题解决。
登录界面 连续两个window.location.href问题
hy_47的专栏
12-01 5175
最近在项目中遇到一个比较恶心的问题， 项目登录界面连续用到两个window.location.href, 第一个是用来给后台赋session,第二个是用来跳转到首页。 问题出现了，第一个window.location.href不生效。即session登录到首页后session没有。我在页面debug 一步一步走，却可以运行第一个window.location.href, 也赋了session,
Vue Router 和 window.location 跳转差异
qq_50422207的博客
09-15 544
使用 Vue Router 和 window.location.href 页面跳转时的差异。 使用Vue Router的router.push跳转时，由于是单页应用特性，不会刷新页面，导致消息提示框等状态保留；而window.location跳转会触发浏览器刷新，自动重置所有状态。主要差异在于：Vue Router需要手动清理状态，适合需要保持状态一致性的SPA场景；
vue使用window.location.href 跳转失败
qq_43654065的博客
09-14 3837
vue项目中直接使用window.lcocation.href跳转外链，但是跳转的链接会被拼接成这样。
window location href不跳转
why2019的博客
05-10 1623
账号/手机号 密码 如果是表单form的话，也会先执行form提交。提交之后，就已经不在当前页面了。所以 window.location.href无效。 解决办法：1、 o...
window location href无反应，不跳转的情况的解决
Cheang_Bokgaai的博客
11-09 2万+
在进行js练习的时候，遇到了一个问题，在操作页面跳转的时候，使用window.location.href无法进行跳转，经过一系列的排查，和分析，最终解决这个问题。 $("#quit").click(function () { debugger; if (confirm("你确定要退出嘛？")) { sessionStorage.r...
关于window.location.href跳转失败的一种情况
qq_64089684的博客
07-09 933
如果以表单元素作容器，fetch之类的发请求。在请求回调函数中写重定向，可能会没反应、请求停止反正一系列摸不着头脑的东西。可以尝试把form标签换了。// 重定向到另一个页面。
解决使用window.open()或window.location.href跳转后返回/后退原页面不能再度跳转的问题
vvv3171071的博客
11-24 1万+
使用window.open()搭配参数_self(新页面替换当前页面)，或使用window.location.href跳转到新页面后，再点击后退到原页面，再重新进行跳转事件时，页面不仅没有进行跳转，且没有任何反应（控制台无错误信息）。 说得笼统一点，这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了，跳转或后退到原页面时，该值没有被清空，再次执行事件时自然会没有反应。 思路： 定义一个全局变量记录window.open()打开的窗体 如过该.
vue window.location.href 与 window.location.replace 跳转速度
01-14
### 测试 `window.location.href` 和 `window.location.replace` 跳转速度 在 JavaScript 中，`window.location.href` 和 `window.location.replace` 都可以用于页面重定向。然而，在性能方面两者存在细微差异。 #...
vue中window.location.href跳转如何携带参数
09-19
在Vue中使用`window.location.href`跳转并携带参数，可按以下几种情况操作： - **携带单个参数**：使用`window.location.href`直接在目标URL后添加参数，参数以`?`开头，格式为`参数名=参数值`。例如从当前页面跳转...
vue window.location.href不跳转
08-04
问题中提到了使用Vue的window.location.href无法跳转的情况。...综上所述，如果在Vue中使用window.location.href不跳转，可以检查相对路径的位置是否正确，并且确保在表单提交时不会触发页面刷新和跳转行为。
解决vue项目通过 window.location.href 跳转外部链接，返回页面样式失效问题
11-08
我们正在处理一个Vue项目中的问题：使用`window.location.href`跳转外部链接后，返回原页面时样式失效。 根据用户描述，他们使用了一个方法`goto(url)`，其中使用`window.location.href`跳转。返回后样式失效，这...
vue2通过 window.location.href 跳转其他的链接，返回的时候页面试图缩小了
最新发布
11-08
我们正在处理一个具体问题：在Vue2中使用`window.location.href`跳转链接后，返回时页面出现缩小（可能是缩放比例变化）的问题。根据引用内容，我们并没有直接看到关于页面缩小的描述，但我们可以结合引用中的信息和...
location.href不跳转的解决办法
Sweblish的专栏
04-08 2201
location.href不跳转的解决办法<br />相信很多人通过链接的onclick事件做跳转操作时，出现location.href不跳转的问题，下面对onclick事件中location.href的几种测试，来解决这个location.href不跳转的问题。<script type="text/javascript">   <br /> function ToUrl(x)   <br /> {   <br />       location.href=x;   <br /
window location不能跳转
技术熊的博客小窝
12-08 1356
我在项目内使用的iframe，iframe中是一个表单。表单中有一个返回按钮。 一开始我采用的是window.history.back（）的方式进行返回，但是表单提交后就跳转，再返回的时候还是当前页面。 所以采用了返回按钮直接跳转至上一页的方式进行返回。 返回的时候发现，点击后没有返回到上一页，而是在当前页刷新了一下。 一开始以为是iframe的问题，打断点发现window.location 没有...
解决window.location.href不跳转，无反应，不执行的问题
热门推荐
wang_ys121的专栏
09-14 5万+
如果你看到这个文章，那么你的问题可能会解决了。。。。 首先，正常情况下，在js中写这个函数是可以跳转的，如：   function test() { alert("测试"); window.location.href="www.xxx.com"; } 如果你的不跳转，你可以先写个测试，看程序是否进行到这一步，如果没有进行，请找其他原因吧。 如果执行到这一步，那就试试下面的
window.location.href无法正常跳转
zxdznyy的博客
09-11 6920
我在login.js中写window.location.href，但是我是在login.html运行的。接下来我要跳转的页面的相对位置。在做项目的时候有一个登录跳转，用到了window.location.href的用法，在href后面的括号中写上要跳转的地址，结果出了问题。一开始我用此代码发现页面跳转不出来的时候我先是怀疑相对地址的位置。所以又用标签a试了一下发现也可以正常跳转。如果你也出现了这种情况，可以好好检查下地址有没有出错，问题说不定就迎刃而解了。所以我开始察觉到我这句可能用的有问题。
window.location.href 页面不跳转解决
weixin_34111819的博客
03-14 385
function login() { var userid = $("#username").val(); var userpwd = $("#pwd").val(); if (userid == "") { alert("登录失败,请输入账号"); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值