"Vue NodeJS前后端分离项目Docker部署及效果"

Vue NodeJS前后端分离项目Docker部署 最近在学习Vue开发前端项目，跟着教程做了一个小项目，打算把写好的Vue项目使用docker部署到阿里云主机上去，使用华为CDN加速，记录一下详细的部署过程，供大家参考。 一、项目说明 1. 整体架构图 在该项目中，前端采用Vue框架进行开发，后端采用NodeJS进行开发，前后端分离，通过接口进行数据传输。使用华为云CDN对静态资源进行分发和加速，项目全部部署在阿里云主机上，使用Docker运行。全站资源使用https加密访问，数据库每日进行定时备份。 2. 环境描述 在部署过程中，使用了华为云CDN对静态资源进行加速，采用了https加密访问，确保了数据传输的安全性。同时，项目全部部署在阿里云主机上，使用Docker运行，有效管理和运行项目所需的各个服务。 3. 部署效果 成功部署后，项目可以通过访问地址https://shop.cuiliangblog.cn/进行访问，并且通过账号admin和密码123456进行登录，实现了前后端分离项目的部署和运行。 二、准备工作 1. 源码获取 在准备阶段，获取了Vue前端项目和NodeJS后端项目的源码。Vue前端项目的地址为https://gitee.com/cuiliang0302/vue_shop.git，NodeJS后端项目的地址为https://gitee.com/cuiliang0302/vue_shop_api.git。这些源码是后续部署所需的基础文件。 2. https证书申请 为了保证项目的安全访问，推荐了一个免费的SSL证书申请地址https://freessl.cn/。在申请完成后，根据要求，在云解析DNS中进行了相应的配置，以确保https加密访问的安全性。 三、具体部署步骤 1. 创建相关目录与文件 在开始部署之前，需要在阿里云主机上创建相关的文件和目录，存放项目的源码和配置文件等。 2. 创建docker网络用于容器互联 为了确保各个容器之间的互联和通信，创建了一个docker网络，用于容器的互联。 3. 创建并启动容器 在完成上述准备工作后，根据项目需要，创建了相应的Docker容器，并启动这些容器，确保项目的正常运行。 总结 通过本次项目的部署，成功实现了Vue NodeJS前后端分离项目的Docker部署。将前端项目和后端项目分别使用Docker进行管理和运行，同时采用了华为云CDN进行静态资源加速，确保了项目的访问速度和安全性。希望这些步骤和经验，能够对大家在类似项目的部署过程中提供一些帮助和参考。