vue构建的项目docker部署
...小于 1 分钟
创建一个vue项目
npm init vite@latest my-vue-app -- --template vue
cd my-vue-app
npm install
npm run build
编写Dockerfile文件
# 使用官方nginx镜像作为基础镜像
FROM nginx:latest
# 将dist目录中的文件复制到nginx的默认站点目录
COPY dist/ /usr/share/nginx/html/ # 可选:如果你的Vue应用使用了history模式的路由,你可能需要一个配置来重定向所有的请求到index.html
COPY nginx.conf /etc/nginx/conf.d/default.conf
构建镜像
docker build -t vue_demo .
运行镜像
docker run -d -p 80:80 vue_demo
Powered by Waline v3.3.0