在 Docker 中部署前后端服务涉及到两个主要步骤:构建前端应用和构建后端应用,然后将它们容器化并使用 Docker Compose 管理它们的运行。以下是一个完整的示例,以 Vue.js 作为前端,Node.js + Express 作为后端。
1. 创建前端应用(Vue.js)
首先,创建一个简单的 Vue.js 应用。
创建 Vue 项目
mkdir vue-app
cd vue-app
npm install -g @vue/cli
vue create frontend
cd frontend
选择默认配置,等待项目创建完成。
修改 src/App.vue
在 src/App.vue
文件中,添加如下代码: