Express JS转发CDN资源后Sources面板URL显示异常咨询

这种差异是浏览器开发者工具对不同资源类型的展示逻辑不同导致的，具体原因如下：

• CSS的@import属于资源内部的加载指令，浏览器解析到这个规则后，会直接发起对目标资源的请求。当你的Express服务器将请求转发到cdn.mydomain.com后，浏览器会把这个资源的来源标记为最终响应的CDN域名，所以Sources面板里显示cdn.mydomain.com/style.css。
• <script>标签是在HTML中直接声明的资源引用，浏览器会先记录HTML里写的原始路径mydomain.com/cdn/script.js作为资源的标识。虽然请求被服务器转发到CDN并成功返回，但Sources面板会保留这个初始标识，而Network面板显示的是实际完成请求的最终URL（也就是CDN地址）。

只要Network面板里的请求状态正常，资源能正确加载，就不会影响站点功能。如果希望Sources面板里的JS资源也显示CDN域名，可以直接在HTML里把script的src写成https://cdn.mydomain.com/script.js，跳过服务器转发环节，这样Sources和Network的显示就会一致。

内容的提问来源于stack exchange，提问作者archessmn