vuejs、php、caddy 与 docker —— web 期末大作业上云部署
💡
原文中文，约2400字，阅读约需6分钟。
📝
内容提要
作者在修读一门web课期间，完成了一个影评系统的大作业，并记录了后端和前端的部署过程。后端使用Docker部署和Caddy反代，前端使用vite构建vuejs项目。Caddy配置中将/api/*和/uploads/*的请求交给后端处理，其他请求交由vue-router处理。在Docker容器中访问宿主机上的MySQL时需要修改IP地址和允许请求的问题。
🎯
关键要点
- 作者修读了一门web课，完成了影评系统的大作业，记录了部署过程。
- 后端使用Docker部署和Caddy反向代理，前端使用vite构建vuejs项目。
- Caddy配置将/api/*和/uploads/*的请求转发给后端，其他请求交由vue-router处理。
- Docker容器中访问宿主机上的MySQL需要修改IP地址并允许请求。
- 后端使用php和Dockerfile配置，使用.htaccess文件处理请求。
- 在Docker中运行的php访问宿主机MySQL时需使用宿主机的虚拟网卡IP地址。
- 前端部分使用vite构建静态文件，部署到指定目录。
- Caddy配置中使用handle和try_files处理请求，确保前后端分离正常工作。
➡️
