安全加固
安全不是"加个 HTTPS 就完事"。前端运维的安全面：CSP 防 XSS、HSTS 强制加密、WAF 防攻击、依赖供应链安全、容器安全、密钥管理。
文档清单
| 文档 | 解决的问题 |
|---|---|
| Web 安全攻防总览 | XSS/CSRF/注入/点击劫持/SSRF |
| CSP 与安全响应头 | Content-Security-Policy 配置 |
| HTTPS/HSTS 与证书管理 | 强制 HTTPS、preload、过期监控 |
| DDoS 防护与 WAF 配置 | Cloudflare/阿里云 WAF/限流 |
| 依赖安全扫描与供应链安全 | npm audit、lockfile、typosquatting |
| 容器安全与镜像扫描 | Trivy、非 root、seccomp |
| 密钥管理与 Vault 实践 | 环境变量、KMS、Vault、rotation |
安全响应头速查
add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; connect-src 'self' https://api.example.com" always;
add_header Strict-Transport-Security "max-age=63072000; includeSubDomains; preload" always;
add_header X-Content-Type-Options "nosniff" always;
add_header X-Frame-Options "SAMEORIGIN" always;
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;