写得出不算完,别人能访问才算交付。这一页对应课程标准项目 9(部署「古典文学网」)与考核的「部署与答辩 8%」。 讲清从你笔记本上的三端,到公网一台服务器上的完整链路:打包构建 → 数据库与后端部署 → 前端发布 → Nginx 反代 → 别人能访问, 最后给一套能直接照着讲的答辩材料与评分维度。
/api。前后端分离的本质就是——三端各自独立部署,只靠接口约定耦合。npm run build 产出 dist 静态文件,不再依赖 dev server。
在服务器 MySQL 执行 hiwen.sql,灌入 7 张表与种子数据。
用 Gunicorn 托管 Flask,systemd 守护,不再用 flask run。
→Nginx 托管 dist 并反代 /api 到后端端口。
放行 80/443,关闭多余端口,域名或 IP 即可访问。
gunicorn -w 4 -b 127.0.0.1:5000 app:app(4 个工作进程,只监听本机,由 Nginx 反代)。/etc/systemd/system/hiwen.service,systemctl enable --now hiwen 开机自启。.env,绝不写进代码(见安全编码页)。ss -tlnp | grep 5000 确认监听;curl 127.0.0.1:5000/api/health 看接口活没活。npm run build → 把 dist/ 上传到服务器 /var/www/hiwen/。location /api { proxy_pass http://127.0.0.1:5000; } 把接口请求转给后端。http://服务器IP/ 看到首页;点进作品、登录、写书评都通,才算部署成功。.gitignore 已忽略。localhost:5000。做完点「检查本节」看解析与得分;做错可重做。