Vue+Vite项目docker化部署到服务器上_部署一个vite项目在服务器上

1. Dockerfile

在项目的根目录下新建一个文档Dockerfile
内容如下：

# 使用官方 Node.js 镜像
FROM node:14
# 设置工作目录
WORKDIR /app
# 将项目文件复制到容器中
COPY . .
# 安装项目依赖
RUN npm install
# 构建生产环境
RUN npm run build
# 暴露端口
EXPOSE 9000
# 启动应用
CMD ["npm", "run", "start"]
1
2
3
4
5
6
7
8
9
10
11
12
13
14

2.创建Image

在项目根目录执行以下命令构建Docker镜像。将 your-image-name 替换为你希望的镜像名称。

  docker build -t your-image-name .
1

3.启动Image

通过Image来创建一个docker

docker run -dp 80:9000 your-image-name
# 80代表本地端口，9000代表容器内的端口，也是vue项目的启动端口
1
2

4.解决参考资料

• chatgpt
• https://docs.docker.com/get-started/