点击A链接跳转B页面——URL重定向

最近遇到了一个超级神奇的事情，就是“转转诈骗团”，通过声称自己是转转的商户，诱导用户从微信下单。其实只是一个H5的支付页面。

下图是“假转转的分享链接地址”

嘿嘿！这里就要说到一个知识点啦！那就是——URL重定向，下面，我们就来了解一下重定向吧！

一、什么是重定向？

重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其它位置（如：网页重定向、域名的重定向、路由选择的变化也是对数据报文经由路径的一种重定向）

二、重定向的目的

1、网站调整（如改变网页目录结构）

网站需要改变它的域名。

作者移动他/她的网页至新域名。

2个网站结合。

2、网页扩展名改变(如应用需要把.php改成.Html或.shtml)。

3、相似域名

浏览者可能输入错误的域名，如：gooogle.com或googel.com。机构或团体不时会注册这些拼字不正确的网域名，重定向到正确地方：google.com。例如：example.com和example.net两者均会重定向至像是example.org的单一网域或网页。

这种情况下，如果不做重定向，则用户收藏夹或搜索引擎数据库中旧地址只能让访问客户得到一个404页面错误信息，访问流量白白丧失；再者某些注册了多个域名的网站，也需要通过重定向让访问这些域名的用户自动跳转到主站点等

三、重定向方式

1、设定重定向映射

300=Multiple Choices

301=Moved Permanently

302=Found

303=See Other

304=Not Modified

305=Use Proxy

306=(Unused)

307=Temporary Redirect

其中以301、302、307最为常见，301代表永久转址，对于搜索引擎判定页面改变有直接影响，302代表暂时转址，通常用于页面暂时修改，之后会在恢复网址时使用。在搜索引擎优化上，将错误的302转址改成301转址对网站排名有相当作用。

2、借助 HTML 的 meta 元素的 HTML 重定向机制

栗子：

<head> 
  <meta http-equiv="refresh" content="0;URL=http://www.example.com/" />
</head>

content 属性的值开头是一个数字，指示浏览器在等待该数字表示的秒数之后再进行跳转。建议始终将其设置为 0 来获取更好的可访问性。

显然，该方法仅适用于 HTML 页面（或类似的页面），然而并不能应用于图片或者其他类型的内容。

注意这种机制会使浏览器的回退按钮失效：可以返回含有这个头部的页面，但是又会立即跳转。

3、借助 DOM 的 JavaScript 重定向机制

window.location = "http://www.example.com/";

与 HTML 重定向机制类似，这种方式并不适用于所有类型的资源，并且显然只有在支持 JavaScript的客户端上才能使用。另外一方面，它也提供了更多的可能性，比如在只有满足了特定的条件的情况下才可以触发重定向机制的场景。

参考文档：

你是技术宅么？那就加入我们吧！点击下方链接或扫描二维码即可。

欢迎加入 CSDN技术交流群：（点击即可加群）QQ群:681223095。

商务合作@群主，谢谢！