docker nginx部署含websocketvue项目

你可以使用 Docker 和 Nginx 来部署包含 WebSocket 功能的 Vue 项目。下面是一个简单的步骤指南：

1. 首先，确保你已经安装了 Docker 和 Docker Compose。

2. 在你的 Vue 项目根目录下创建一个名为 `Dockerfile` 的文件，内容如下：

# 基于 node 镜像构建
FROM node:latest as build-stage

WORKDIR /app

# 安装依赖
COPY package*.json ./
RUN npm install

# 复制代码并构建
COPY . .
RUN npm run build

# 第二阶段，使用 Nginx 镜像
FROM nginx:stable-alpine

# 复制构建好的代码到 Nginx 的默认站点目录
COPY --from=build-stage /app/dist /usr/share/nginx/html

# 复制自定义的 Nginx 配置文件
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露容器的 80 端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]

3. 在 Vue 项目根目录下创建一个名为 `nginx.conf` 的 Nginx 配置文件，内容如下：

server {
    listen 80;
    server_name localhost;

    location / {
        root /usr/share/nginx/html;