为何会对Bootstrap SCSS文件发起多次GET请求？

这种行为不正常，正常情况下前端不会直接请求SCSS源文件，更不会重复请求同一个文件多次。以下是原因分析和解决建议：

原因分析 #

• 前端错误直接引入SCSS文件：你可能在HTML里用<link>标签加载了.scss后缀的Bootstrap源文件，浏览器本身无法解析SCSS，若依赖浏览器端编译工具，可能因逻辑问题导致重复发起请求。
• Express错误暴露node_modules目录：你的服务器配置允许前端访问node_modules，这才让浏览器能请求到SCSS源文件。正常开发中不应暴露这类预编译文件所在的目录。
• 前端引用逻辑重复：可能存在循环引用、多次引入同一SCSS文件的情况，加上缓存验证（304状态码），导致多次请求记录。

解决建议 #

• 改用编译后的CSS文件：前端只引入Bootstrap编译好的CSS，比如bootstrap/dist/css/bootstrap.min.css，而非node_modules/bootstrap/scss下的源文件。
• 关闭node_modules的静态访问：在Express的express.static配置中，不要将node_modules设为静态目录。若需用Bootstrap资源，把编译后的文件复制到项目public目录，再通过相对路径引用。
• 排查前端代码：检查HTML、JS中是否有重复引入该SCSS文件的逻辑，或是第三方插件在重复发起请求。
• 强制清理浏览器缓存：用Ctrl+Shift+R强制刷新页面，清除异常缓存后再测试。

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