chrome 307状态码

10月前作者：hongkid 分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了chrome 307状态码。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题：不知道什么原因导致http请求chrome始终307跳转到https,这个307的跳转非常恶心的地方是客户端缓存行为，并且非普通的f12下面清除缓存可以去掉

解决办法：使用chrome的清除浏览数据，通过这个方式清除，才能解决。

问题根因：我nginx在配置https的时候使用了

add_header Strict-Transport-Security "max-age=315360000; includeSubdomains";

这样一句配置，触发了客户端HSTS策略

HTTP严格传输安全（英語：HTTP Strict Transport Security，縮寫：HSTS）是一套由互联网工程任务组发布的互联网安全策略机制。网站可以选择使用HSTS策略，来让浏览器强制使用HTTPS与网站进行通信，以减少会话劫持风险。

307就是这个策略导致，这个策略的客户端处理感觉是有bug，按描述他是为了安全，会把一个http请求强制变成https，但如果我本身只是想把原来的81端口http请求转到443来，结果他给我强制把http://xx:81变成https://xx:81 ,81不可能同时支持http和https，所以触发后很麻烦，对已经影响的客户端服务端这边无能为力，要非常小心才行

其他：

由于笔者一开始使用的是81端口，所以这个问题影响比较大，如果是使用80端口，则即使触发该策略也能正确跳到443，无论80端口是否显式写在url。文章来源地址https://www.toymoban.com/news/detail-797670.html

到了这里，关于chrome 307状态码的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Chrome 基于 Wappalyzer 查看网站所用的前端技术栈

1. 找到谷歌商店 https://chrome.google.com/webstore/search/wappalyzer?utm_source=ext_app_menu 2. 搜索 Wappalyzer 3. 添加至Chrome 4. 使用插件比如打开 https://www.bilibili.com/ 就可以看到其所以用的前端技术栈了

2024年02月08日
浏览(41)
如何查看 Chrome 网站有没有前端 JavaScript 报错？

您可以按照以下步骤在Chrome中查看网站是否存在前端JavaScript报错：首先，打开Chrome浏览器并访问您想要检查JavaScript报错的网站。在Chrome浏览器中，按下\\\"Ctrl+Shift+I\\\"（在Windows和Linux上）或\\\"Cmd+Option+I\\\"（在macOS上）快捷键，打开开发者工具。在开发者工具窗口中，点击位于顶部

2024年02月15日
浏览(49)
一个好用快捷的前端请求代理chrome插件-ReRes

简介前端日常开发过程中，本地调试阶段总会有对远程接口的调用需求，通常可能会有以下途径：本地nginx进行反向代理使用http-proxy 修改host文件后端配合开启跨域但这些方法都会略显繁琐，有时候我的需求可能只是想代理某一个请求，而非所有请求，这时候可以使用一个

2024年02月09日
浏览(92)
16个最佳Chrome插件推荐给做前端的你

作为Web开发人员每天的工作就是不断地开发、测试、优化，涉及到语言、布局、字体、样式等技术。整个开发过程离不开浏览器。浏览器插件就像是浏览器的“装备”，可以增加浏览器额外的特性和功能。针对开发人员的日常工作，有些浏览器插件非常实用、高效，有助于开

2024年02月06日
浏览(36)
前端笔记 ---- Chrome 浏览器不能跨域访问解决方案

1. 需求场景 Chrome 浏览器开发 H5 进行接口联调时，浏览器不允许跨域访问；想通过浏览器设置，不使用代理等，浏览器可以进行跨域访问。 2. 报错图片 3. 解决方案 3.1 获取Chrome 浏览器安装位置 3.2 设置允许跨域和不验证证书 3.3 cmd 执行设置命令 3.4 组成完整命令 3.5 cmd 运行命

2024年02月15日
浏览(53)
前端状态管理与有限状态机

当下前端流行的框架，都是用状态来描述界面(state = view),可以说前端开发实际上就是在维护各种状态(state)，这已经成为目前前端开发的共识。复制代码 View = ViewModel(Model); 理想情况下，ViewModel 是纯函数，给定相同的 Model，产出相同的 View。 state = view 很好理解，但如何在 vi

2024年03月15日
浏览(48)
前端同学必备：教你如何安装、使用Chrome的vue-devtools插件

Vue-devtools是一个Chrome浏览器插件，它是一个浏览器调试工具，用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试，可以更好地了解应用程序的结构和状态，以及帮助快速修复代码错误。 Vue-devtools插件的作用和优势如下： 1. 调试Vue.js应用程序：Vue-devtools是一个强大的调

2024年04月25日
浏览(43)
前端vue调试工具：chrome浏览器vue-devtools安装方式详述

vue-devtools官方文档，也可按照官方文档操作下面将介绍chrome集成vue-devtools的两种方式通过扩展-扩展程序-访问chrome应用商店输入vue-devtools搜索插件即可下载源码选择对应的版本tag官方源码我们这里选择最新版本v6.5.1 下载压缩包，或clone都可以*（克隆命令：安装依赖以及打

2024年03月15日
浏览(67)
用 RemoteDebug iOS Webkit 在 Chrome DevTools 中调试iOS/iPadOS设备的前端页面

相信很多小伙伴在开发移动端网页时，都会遇到兼容性问题的修改，尤其是当项目运行在真机上时，一些奇奇怪怪的bug接踵而至，很是头疼。在Android设备上，我们可以轻松的在Chrome DevTools上进行调试，但面对iOS设备，在我们没有Mac电脑的情况下，调试iOS的页面就是困难重

2024年02月03日
浏览(41)
【前端设计模式】之状态模式

在前端开发中，我们经常需要处理复杂的应用状态。这时候，状态模式就能派上用场了。状态模式允许我们根据不同的状态来改变对象的行为，从而实现优雅地管理应用状态。状态模式具有以下特性：状态（State）：定义了对象在特定条件下所处的行为和属性。上下文（C

2024年01月20日
浏览(44)