使用Dockerfile搭建vue项目

最新推荐文章于 2025-04-28 08:47:48 发布

置顶

就啥也不是

最新推荐文章于 2025-04-28 08:47:48 发布

阅读量2.3k

点赞数 4

文章标签： vue docker nginx

本文链接：https://blog.youkuaiyun.com/weixin_42321478/article/details/106945211

版权

本文介绍了如何利用Dockerfile来构建Vue项目的镜像，并通过Docker运行容器，使用http-server或nginx作为服务器，将应用暴露在8088端口上。读者可以按照指导访问localhost:8088来查看运行的Vue应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FROM node:lts-alpine as build-stage

# npm镜像，解决报错而引入
RUN npm config set registry https://registry.npm.taobao.org
RUN npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

# install simple http server for serving static content
# 全局http-server用于本地运行
#RUN npm install -g http-server

# make the 'app' folder the current working directory
WORKDIR /app

# copy both 'package.json' and 'package-lock.json' (if available)
COPY package*.json ./

# install project dependencies
RUN npm install

# copy project files and folders to the current working directory (i.e. 'app' folder)
COPY . .

# build app for production with minification
# 生产打包，对应脚本"build": "node build/build.js"
RUN npm run build
#本地，对应脚本"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
#RUN npm run dev

# production stage
#代理nginx，nginx直接访问
FROM nginx:stable-alpine as production

最低0.47元/天解锁文章