iMaeGoo | 虹墨的 RSS 预览

跨域预检请求失败问题分析

2026-08-19 14:30:00

<h2 id="问题描述"><a href="#问题描述" class="headerlink" title="问题描述"></a>问题描述</h2>浏览器发送 OPTIONS 预检请求后，Nginx 返回了 204 响应，且 <code>Access-Control-Allow-Headers</code> 设置为 <code>*</code>，但浏览器仍然报错：<figure class="highlight plaintext"><table><tr><td class="gutter"><pre>1 2 3 </pre></td><td class="code"><pre>Access to XMLHttpRequest at 'http://.../api/...' from origin 'http://...' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response. </pre></td></tr></table></figure><h2 id="根因分析"><a href="#根因分析" class="headerlink" title="根因分析"></a>根因分析</h2><h3 id="W3C-Fetch-规范限制"><a href="#W3C-Fetch-规范限制" class="headerlink" title="W3C Fetch 规范限制"></a>W3C Fetch 规范限制</h3>根据 <a href="https://fetch.spec.whatwg.org/#cors-preflight-fetch">W3C Fetch Standard</a> 规范：<blockquote>When credentials mode is “include”（即 <code>Access-Control-Allow-Credentials: true</code>），the following headers must NOT use wildcard <code>*</code>:<ul><li><code>Access-Control-Allow-Origin</code></li><li><code>Access-Control-Allow-Headers</code></li><li><code>Access-Control-Allow-Methods</code></li></ul></blockquote>简而言之：<code>Access-Control-Allow-Credentials: true</code> 与通配符 <code>*</code> 互斥。<h3 id="问题响应示例"><a href="#问题响应示例" class="headerlink" title="问题响应示例"></a>问题响应示例</h3><figure class="highlight http"><table><tr><td class="gutter"><pre>1 2 3 </pre></td><td class="code"><pre>Access-Control-Allow-Credentials: true ← 要求明确列出允许的值 Access-Control-Allow-Headers: * ← 通配符，浏览器直接忽略并拒绝 Access-Control-Allow-Methods: * ← 同上 </pre></td></tr></table></figure>浏览器检测到 credentials 模式下 <code>Allow-Headers</code> 为 <code>*</code>，认为这是一个无效的 CORS 响应，因此拦截了实际请求。<h2 id="修复方案"><a href="#修复方案" class="headerlink" title="修复方案"></a>修复方案</h2>将 Nginx 配置中的通配符替换为显式列举的值：<h3 id="修改前"><a href="#修改前" class="headerlink" title="修改前"></a>修改前</h3><figure class="highlight nginx"><table><tr><td class="gutter"><pre>1 2 </pre></td><td class="code"><pre>add_header Access-Control-Allow-Methods "*" always; add_header Access-Control-Allow-Headers "*" always; </pre></td></tr></table></figure><h3 id="修改后"><a href="#修改后" class="headerlink" title="修改后"></a>修改后</h3><figure class="highlight nginx"><table><tr><td class="gutter"><pre>1 2 </pre></td><td class="code"><pre>add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS, PATCH, HEAD" always; add_header Access-Control-Allow-Headers "content-type, authorization, x-requested-with, x-custom-header, accept, origin" always; </pre></td></tr></table></figure><h2 id="参考资料"><a href="#参考资料" class="headerlink" title="参考资料"></a>参考资料</h2><ul><li><a href="https://fetch.spec.whatwg.org/#cors-preflight-fetch">Fetch Standard - CORS Preflight</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Credentials">MDN - CORS: Access-Control-Allow-Credentials</a></li><li><a href="https://caniuse.com/cors">Can I Use - CORS</a></li></ul>

谨慎选择京东云

2026-08-07 10:30:00

贪便宜买的三年京东云，年年都能给你整点不一样的惊吓😂。阿里云腾讯云用了十来年都没碰到过一次糟心事。2023 年 10 月买的京东云轻量云主机，有效期 3 年。<img src="/gallery/2025/fk-jdcloud/1786069127773.webp">2024 年 3 月，发现硬盘 I/O 严重问题，最低时仅有 3MB/s，可以看我之前发的<a href="https://www.imaegoo.com/2024/jdcloud-bench/">这篇文章</a>，即使后来客服给换成了 SSD，也只达到勉强能用的 60MB/s，不是哥们，我家监控的 TF 卡都比这个快…<img src="/gallery/2025/fk-jdcloud/1786069176818.webp" style="max-height: none">2025 年 7 月，服务不可用长达 18 个小时，补偿是延长 6 天有效期？<img src="/gallery/2025/fk-jdcloud/1786069207717.webp" style="max-height: none"><img src="/gallery/2025/fk-jdcloud/1786069846634.webp">2026 年 8 月，突然通知月底前必须完成备案，否则拦截请求，而备案又要求云主机有效期大于 3 个月，此时距离我这台云主机到期还有 2 个月又 25 天，意思就是不续费剩下两个月别想用了。<img src="/gallery/2025/fk-jdcloud/1786069231909.webp"><img src="/gallery/2025/fk-jdcloud/1786069516716.webp"><img src="/gallery/2025/fk-jdcloud/1786069617349.webp"><img src="/gallery/2025/fk-jdcloud/1786069584056.webp"><hr>后续：客服给了一个备案授权码，正在完成备案。

浏览器直接访问正常，过了负载均衡就崩了？只因响应头里多了个空格

2026-05-23 09:30:00

分享一个今天的生产问题，某系统直接访问正常，经过负载均衡就报连接被重置 <code>Connection Reset</code>，在机房查了两个多小时，最后发现是后端 Java 设置响应头的时候 <code>setHeader("Expires ", xxx)</code>，Expires 后面多打了一个空格，导致响应头不符合 HTTP Header 规范（<code>key: value</code>），负载均衡处理不了这种不规范的响应头，直接丢包了。排查过程难就难在，浏览器有容错，所以直接连接后端就没问题，也没有任何警告，后端也没有任何报错，负载均衡也没有任何报错，排除了一圈感觉谁都没问题，问 AI 也没用，这多的一个空格在响应头里，浏览器 Network 看不到，不用抓包工具根本发现不了，所以把这段经验分享给大家。

Claude Code 怎样快速消耗 token

2026-05-21 18:30:00

领导要求每人每周至少用 1 亿 token。但给的模型又太笨，参数 35B-A3B，上下文不到 100K，干啥啥不行，我人工去优化它生成的垃圾代码，还不如我自己写一遍快，不用又要被谈话。结果就是会用 AI 的人看不上，不会用 AI 的人用不上。因为一些没办法明说的原因，这考核指标又不是说取消就能取消的（以前还考核过代码行数、AI / 人工代码占比，结果就是鼓励写重复冗余的垃圾代码）。那要怎样才能让 Claude Code 快速刷够 1 亿 token 呢？开个 Claude Code 窗口发<figure class="highlight plaintext"><table><tr><td class="gutter"><pre>1 </pre></td><td class="code"><pre>/loop 1m 读取本项目中的所有源码，逐一进行详细总结，然后生成一份全面的架构分析报告，包含优缺点评估以及重构建议。 </pre></td></tr></table></figure>这样跑几个小时就有了。

去掉高德地图开屏广告

2026-05-18 08:30:00

高德地图开屏广告是我最恶心的广告了，没有之一。你要是微博、抖音有个开屏广告，我能理解，一般这个时候我都有闲工夫去看你的广告。你一个导航 app，我只有需要导航的时候才会打开，你这时候给我蹦个开屏广告，还扭动、转动前倾跳转，你是不是觉得大家开车的时候手机都会晃动，才故意这样设计的？我准备开车的时候有时间去看你的广告吗？你弹广告加摇一摇跳转的行为只会让我对你的广告内容更加恶心。<img src="/gallery/2025/amap-ad/1779067098138.webp" style="width: 45%" /><img src="/gallery/2025/amap-ad/1779067093273.webp" style="width: 45%" />更恶心的是，高德地图是我手机中唯一无法通过 GKD 跳过广告的 app，如果你用 GKD 快照，会提示“当前应用没有无障碍信息，捕获失败”，开 Shizuku 开自动化都不行，如果你用 <code>uiautomator dump</code> 捕获，会提示 <code>ERROR: null root node returned by UiTestAutomationBridge.</code>，行吧，今天要是治不了你，我就直接把你卸了。<figure class="highlight sh"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 </pre></td><td class="code"><pre>adb shell su cd /data/user/0/com.autonavi.minimap/files/ rm -rf splash/ touch splash chmod 000 splash </pre></td></tr></table></figure>哼

解决 Claude Code 安装或更新后 claude.exe 无法运行、claude native binary not installed

2026-04-20 12:00:00

今天在 Windows 或 macOS 上安装或更新 Claude Code 后，运行 <code>claude</code> 命令却报错 <code>claude native binary not installed</code>（macOS）、<code>程序 claude.exe 无法运行</code>（Windows）。折腾了一番终于搞清楚了原因。<h2 id="原因分析"><a href="#原因分析" class="headerlink" title="原因分析"></a>原因分析</h2>Claude Code 自 2.1.113 版本开始改为分发二进制包，不再分发 JS 源码。用 npm 安装 claude 时，它会通过 <code>optionalDependencies</code> 来安装不同平台的二进制包。<figure class="highlight json"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 7 8 9 10 </pre></td><td class="code"><pre>"optionalDependencies": { "@anthropic-ai/claude-code-darwin-arm64": "2.1.114", "@anthropic-ai/claude-code-darwin-x64": "2.1.114", "@anthropic-ai/claude-code-linux-x64": "2.1.114", "@anthropic-ai/claude-code-linux-arm64": "2.1.114", "@anthropic-ai/claude-code-linux-x64-musl": "2.1.114", "@anthropic-ai/claude-code-linux-arm64-musl": "2.1.114", "@anthropic-ai/claude-code-win32-x64": "2.1.114", "@anthropic-ai/claude-code-win32-arm64": "2.1.114" }, </pre></td></tr></table></figure>然而 Windows 平台的二进制包有足足 234MB 大，国内常用的阿里 npm 镜像站（<a href="https://npmmirror.com/">https://npmmirror.com</a>）默认不会同步这种巨大的 npm 包，导致找不到该包。<img src="/gallery/2025/claude-code-native-binary-not-installed/1776668457152.webp"><blockquote>为什么阿里不同步巨型包？我猜跟 24 年的这次事件有关——<a href="https://juejin.cn/post/7371074808149917750">《庆余年2》遭遇“开源”盗版，npm社区“被迫”暂停服务</a></blockquote>又因为 <code>optionalDependencies</code> 是可选依赖，npm 在安装时不会报任何错误，看起来安装成功了，实则二进制文件根本没有装上。<h2 id="解决方案"><a href="#解决方案" class="headerlink" title="解决方案"></a>解决方案</h2>安装时指定强制从官方 npm 源下载即可：<figure class="highlight sh"><table><tr><td class="gutter"><pre>1 </pre></td><td class="code"><pre>npm install -g @anthropic-ai/claude-code --registry=https://registry.npmjs.org </pre></td></tr></table></figure>或者不安装最新版，安装最后一个使用 js 的版本：<figure class="highlight sh"><table><tr><td class="gutter"><pre>1 </pre></td><td class="code"><pre>npm install -g @anthropic-ai/[email protected] </pre></td></tr></table></figure>

iMaeGoo | 虹墨修改

iMaeGoo | 虹墨的 RSS 预览