分类： Chrome
-
本文介绍了在 Windows 10 64 位环境下将 HTTP 服务器设置为 Nginx 并部署 React 应用生产版本的方法。通过 Create React App 构建生产文件，编辑 hosts 文件配置域名映射，并在 Nginx 中创建虚拟主机配置文件以提供 index.html。最终重载 Nginx 服务，通过 React 开发者工具验证图标变为黑色背景，确认应用已成功切换至生产模式。
-
本文针对在 Windows 10 环境下执行 Nginx 1.10.1 重载命令时，提示上游主机未找到的错误进行排查。通过查看配置文件发现 proxy_pass 处使用了特定域名，随后编辑 hosts 文件添加该域名的本地解析记录，再次执行重载命令后恢复正常。结论指出 .localhost 后缀仅部分浏览器会自动解析，Nginx 不会自动处理。
-
Google Chrome 升级至 63 版本后，针对 .dev 域名预加载了 HSTS 策略，导致访问本地开发环境时 HTTP 请求自动跳转至 HTTPS。文章比较了多种解决方案，排除了配置 HTTPS 服务的繁琐方式，分别尝试将本地开发后缀改为 IETF 保留的 .test 域名以及更为标准的 .localhost 域名。经过修改 hosts 文件与 Nginx 配置文件，最终验证使用 .localhost 域名无需修改 hosts 即可指向本地，且有效避免了浏览器的强制 HTTPS 跳转问题。
-
针对桌面设备 Chrome 浏览器上 Zepto 中 tap 事件触发两次导致接口被重复调用的问题，文章通过控制台日志与服务端调用时间进行排查，确认该问题仅存在于桌面端，移动端表现正常。最终通过使用 singleTap 事件替代 tap 事件，成功解决了重复触发的问题，确保事件仅执行一次。