docker 部署vue
时间: 2023-09-15 09:21:02 浏览: 96
Docker结合Jenkins部署vue项目
5星 · 资源好评率100%
可以使用 Docker 来部署 Vue 应用。首先,你需要有一个 Dockerfile 文件,该文件用于指定如何构建你的 Vue 应用的 Docker 镜像。接下来,你可以使用 Docker 命令来构建并运行你的镜像。
这是一个示例的 Dockerfile 文件:
```
# 指定基础镜像
FROM node:10
# 创建一个工作目录
RUN mkdir -p /usr/src/app
# 设置工作目录
WORKDIR /usr/src/app
# 将 package.json 和 package-lock.json 复制到工作目录
COPY package*.json ./
# 安装依赖
RUN npm install
# 将源代码复制到工作目录
COPY . .
# 暴露应用的端口
EXPOSE 8080
# 启动应用
CMD ["npm", "run", "serve"]
```
接下来,你可以使用以下命令来构建并运行你的 Docker 镜像:
```
# 构建镜像
docker build -t my-vue-app .
# 运行容器
docker run -p 8080:8080 my-vue-app
```
这样就可以在本地的 8080 端口访问你的 Vue 应用了。
阅读全文