在一个 Vue 项目正式发布到生产环境之前，通常需要进行哪些部署前的检查与准备工作？
考察说明
考查面试者对 Vue 项目从开发到生产部署的完整流程认知，包括构建、优化、环境配置及上线前的验证。
回答思路
- 【回答框架 1】部署前准备主要包括构建配置、环境变量、代码检查、性能优化、安全检查和上线后监控。构建配置上，使用 vue-cli 或 vite 进行生产构建，设置 publicPath、输出目录、资源压缩等，确保构建产物正确。
- 【回答框架 2】环境变量方面，通过 .env.production 等文件区分开发与生产环境，配置 API 地址、第三方服务密钥等，避免敏感信息泄露。使用环境变量注入机制，在构建时替换。
- 【回答框架 3】性能优化包括路由懒加载、组件异步加载、图片懒加载、代码分割、gzip 压缩、CDN 加速等。利用 webpack 或 vite 的代码分割功能，减小首屏加载体积，提升加载速度。
- 【回答框架 4】安全检查包括依赖审计（npm audit）、移除 console.log、处理跨域问题（CORS）、配置 CSP（内容安全策略）等，防止 XSS 攻击和数据泄露。
- 【回答框架 5】上线前需进行多浏览器兼容性测试、关键流程冒烟测试，确认无阻塞问题。上线后配置错误监控（如 Sentry）、性能监控（如 Lighthouse CI），及时发现问题并回滚预案。
- 【关键点 1】构建配置：生产模式构建，设置 publicPath 和资源压缩。
- 【关键点 2】环境变量分离，敏感信息不入库。
- 【关键点 3】性能优化：路由懒加载、gzip、CDN。
- 【关键点 4】安全检查：依赖审计、CSP、移除调试代码。
- 【关键点 5】上线前测试与监控：兼容性测试、错误监控、回滚方案。
- 【易错点 1】忽略生产环境构建与开发环境的差异，如未设置 NODE_ENV=production 导致构建未压缩。
- 【易错点 2】将 API 密钥直接写在代码中，而非使用环境变量，导致泄露。
- 【易错点 3】未做代码分割或懒加载，首屏加载过大影响性能。