javascript - window.open跳转到http的网站为啥是空白的但是https的就是正常？

Question

在.vue页面中使用 window.open 方法跳转到 http 网站时出现空白的情况，但是跳转到 https 网站却正常的

Answer 1

可能是你的浏览器版本太高，对http做了更高的安全策略，但是正常来说，打开网页，应该不会被阻止，即使你是80端口的网址，因为80和443都是正规端口

具体还是看看是不是自己网址本身有问题，是不是自己跳转的网址本身就是没有开放http的访问途径

Answer 2

这个问题可能是由于浏览器的安全策略造成的。当使用 window.open() 方法打开一个 URL 时，浏览器会检查这个 URL 的协议类型。如果 URL 是以 http:// 开头的，浏览器可能会阻止页面加载，特别是当它从一个 https:// 页面跳转过来时。

这是因为 https:// 是加密的，可以保护用户的数据和隐私，而 http:// 不是加密的，可能会受到中间人攻击。因此，浏览器默认阻止从 https:// 页面跳转到 http:// 页面，以防止潜在的安全风险。

这就是为什么当你尝试跳转到 http:// 网站时，页面可能是空白的。而跳转到 https:// 网站则没有这个问题，因为它们都是加密的，所以浏览器不会阻止加载。

如果你想让 http:// 网站正常加载，你可以尝试在 window.open() 方法中使用 _self 目标，这会使得新页面在相同的窗口或标签中打开，而不是被阻止。例如：

window.open('http://example.com', '_self');

请注意，这只适用于从 https:// 页面跳转到 http:// 页面的情况。如果你在 http:// 页面中使用 window.open() 方法打开另一个 http:// 页面，那么浏览器可能会阻止加载。