vue docker部署

下面是使用 Docker 部署 Vue.js 应用的一般步骤：

1. 创建 Dockerfile

在 Vue.js 项目根目录下创建一个名为 Dockerfile 的文件，并添加以下内容：

# 设置基础镜像
FROM node:alpine

# 设置工作目录
WORKDIR /app

# 拷贝项目文件到工作目录
COPY . .

# 安装依赖
RUN npm install

# 打包项目
RUN npm run build

# 配置 Nginx
FROM nginx:alpine
COPY --from=0 /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

2. 构建 Docker 镜像

在项目根目录下打开终端，执行以下命令构建 Docker 镜像：

docker build -t your-image-name .

3. 运行 Docker 容器

使用以下命令创建并运行 Docker 容器：

docker run -p 8080:80 your-image-name

其中 -p 参数将容器的 80 端口映射到主机的 8080 端口。

4. 访问应用

在浏览器中访问 http://localhost:8080，即可查看运行在 Docker 容器中的 Vue.js 应用。