前端面试——状态码301/302的区别与应用场景

r囧r小猫 2022-11-16 04:48 445阅读 0赞

> 常见的对状态码的描述如下，虽然标准却难以理解：  
> ![在这里插入图片描述][20210406095147746.png]

> 官方的说明就是比较简洁了：

1： 301 redirect: 301 代表永久性转移(Permanently Moved)
    2： 302 redirect: 302 代表暂时性转移(Temporarily Moved )

1.  共同点：

> 1：均表示**重定向**的含义  
> 2：就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址，这个地址可以从响应的Location首部中获取（**用户看到的效果就是他输入的地址A瞬间变成了另一个地址B**）

1.  不同点：

> 1：301表示旧地址A的资源已经被**永久地**移除了（这个资源不可访问了），搜索引擎在抓取新内容的同时也将旧的网址交换为重定向之后的网址；  
> 2：302表示**旧地址A的资源还在**（仍然可以访问），这个重定向只是临时地从旧地址A跳转到地址B，搜索引擎会抓取新的内容而保存旧的网址。

1.  什么是重定向？

> 1： **就是地址A跳转到地址B**。  
> 2： 百度百科的解释：重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其它位置（如：网页重定向、域名的重定向、路由选择的变化也是对数据报文经由路径的一种重定向）。

1.  为什么需要进行重定向？什么时候需要重定向？

> 1）网站进行了调整（如改变网页目录结构：网站进行了改版，新的URL结构和旧的URL结构不一致
> 
> 2）网页被移到一个新地址；
> 
> 3）网页扩展名发生了改变(如应用需要把.php改成.Html或.shtml)。  
> **这种情况下，如果不做重定向，则用户收藏夹或搜索引擎数据库中旧地址只能让访问客户得到一个404页面错误信息，访问流量白白丧失；再者某些注册了多个域名的网站，也需要通过重定向让访问这些域名的用户自动跳转到主站点等。**

1.  使用301跳转的场景？

> 1）**域名到期**不想续费（或者发现了更适合网站的域名），想换个域名。
> 
> 2）在搜索引擎的搜索结果中出现了不带www的域名，而带www的域名却没有收录，这个时候可以用**301重定向**来告诉搜索引擎我们目标的域名是哪一个。
> 
> 3）**http模式跳转至https模式**，如：http://www.googlenb.com 301 至 https://www.googlenb.com ，如果网站启用https，该规则是必须存在的，此规则如果存在，需特别注意不要和上述第二条跳转规则重复跳转，避免301两次或多次跳转。即应该： http://googlenb.com 、 http://www.googlenb.com 、 https://googlenb.com , 一次性统一跳转至：https://www.googlenb.com  
> 4) **内容重复，内容合并等跳转**，同一篇内容存在多个URL都能到达访问，此时需要设置跳转至标准且唯一的URL版本，避免网站权重分散。

1.  使用302跳转的场景？（**尽量使用301进行跳转，避免网络劫持！**）

> 1.  移动端访问PC端的网站，或PC端访问移动端网站，此时建议使用302跳转
> 2.  临时活动或临时跳转，在举行重大活动，需对活动进行宣传，如：用户访问首页或某些页面时时临时跳转至活动专页，待活动结束后取消跳转。  
>     ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70]

[本文部分内容参考自：https://blog.csdn.net/grandPang/article/details/47448395][https_blog.csdn.net_grandPang_article_details_47448395]

[20210406095147746.png]: /images/20221022/9c64b443e409497dae5f94b9816da8bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70]: /images/20221022/27cd271e440343caba700b2c53ecb53d.png
[https_blog.csdn.net_grandPang_article_details_47448395]: https://blog.csdn.net/grandPang/article/details/47448395