标签: 配置优化

Nginx默认追加同名响应头导致浏览器报错，如多个`Access-Control-Allow-Origin`。解决方案包括：1) 使用`always`强制覆盖；2) 使用`proxy_hide_header`清除后端同名header再添加；3) 使用`more_clear_headers` (需安装模块) 清除和设置。推荐方案是清除后端header并使用`always`添加。

Vite启动时会预构建依赖，但按需引入某些包（如element-plus样式文件）可能触发Vite强制优化依赖并导致页面刷新。解决方案是在`vite.config.js`中配置`optimizeDeps.include`，手动包含这些依赖，避免Vite自动侦测错误，减少不必要的刷新。 另一种方案是尝试`optimizeDeps.holdUntilCrawlEnd`配置。

在 Nginx 中，`add_header` 指令的 `always` 参数确保指定的 Header 添加到所有 HTTP 响应，无论状态码是否成功。这对于调试、CORS 配置、缓存控制和强制某些 Header 存在很有用。`always` 自 1.7.5 版本引入。

Nginx请求处理流程包括连接建立、SSL握手、请求头解析、虚拟主机选择和URI路径匹配。虚拟主机匹配按精确域名、通配符和正则顺序，location匹配分精确、前缀和正则。Proxy_pass处理URI重写需注意路径拼接。调试技巧包括日志和echo模块。最佳实践包括云原生适配、安全加固和性能优化，未来将支持QUIC/HTTP3、Wasm扩展和AI驱动配置。