前端部署：从开发到生产的关键实践
常见误区
前端部署？这不是运维的事吗？
'我只负责写代码，部署交给运维'——结果部署失败，互相甩锅；
'我直接把文件上传到服务器'——结果更新不及时，缓存问题频发；
'我用 FTP 上传，多简单'——结果文件传丢，网站崩溃。
醒醒吧，前端部署是前端开发的重要环节，不是别人的事！
部署的重要性
- 快速上线：自动化部署，减少人工操作
- 环境一致性：确保开发、测试、生产环境一致
- 回滚能力：出现问题时可以快速回滚
- 监控和日志：实时监控网站状态和错误
手动部署的风险
# 1. 本地构建
npm run build
# 2. 手动上传文件
ftp ftp://example.com
> put -r dist/*
# 3. 手动清除缓存并部署
ssh [email protected]
> rm -rf /var/www/html/*
> cp -r dist/* /var/www/html/
> systemctl restart nginx
# 4. 手动检查
curl https://example.com
现代化部署方案
使用 CI/CD
# .github/workflows/deploy.yml
name: Deploy to Production
on:
push:
branches:
- main
jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup Node.js
uses: actions/setup-node@v3
with:
node-version: '18'
cache:
