现在有一个基于vue2的项目，已经生成dist目录，怎样使用docker将项目部署到服务器上

你可以按照以下步骤将基于vue2的项目部署到Docker上：

1. 在项目根目录下创建一个 Dockerfile 文件。

2. 编辑 Dockerfile 文件，写入以下内容：

# 使用官方 Node.js 10 作为基础镜像
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 . .

# 构建项目
RUN npm run build

# 以 Nginx 作为 Web 服务器
FROM nginx

# 将构建好的项目文件拷贝到 Nginx 的默认 Web 目录
COPY dist/ /usr/share/nginx/html

# 将 Nginx 配置文件拷贝到容器中
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露 Nginx 默认的 HTTP 端口
EXPOSE 80

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

3. 在项目根目录下创建一个 nginx.conf 文件，写入以下内容：

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

4. 在命令行中进入项目根目录，运行以下命令构建 Docker 镜像：

docker build -t vue2-app .

其中，vue2-app 是你为镜像取的名称，可以根据自己的需要修改。

5. 构建成功后，运行以下命令启动 Docker 容器：

docker run -d -p 80:80 --name vue2-container vue2-app

其中，-d 表示在后台运行容器，-p 80:80 表示将容器的 80 端口映射到主机的 80 端口，--name vue2-container 表示为容器取一个名称，vue2-app 是上一步构建的镜像名称。

6. 访问 http://localhost 即可查看部署好的 Vue2 项目。

以上是一个简单的部署过程，实际部署过程可能会因为项目的不同而有所差异。