Skip to content

将vue项目配合nginx在docker中打包运行,md文档中有详细步骤

Notifications You must be signed in to change notification settings

jialudev/vue-docker-nginx

Folders and files

NameName
Last commit message
Last commit date

Latest commit

5f0c2fd · Jan 2, 2020

History

7 Commits
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020
Jan 2, 2020

Repository files navigation

vue-docker-nginx

运行前确保本地安装了Docker、Node>8.0、Npm window 要装docker需安装docker-toolbox https://mirrors.aliyun.com/docker-toolbox/windows/docker-toolbox/

A Vue.js project

将vue项目配合nginx在docker中打包运行

Build Setup

# 打开docker

#下载docker中下载nginx
docker pull nginx

# 安装vue项目中的npm依赖
npm install

# 本地打包,生成dist文件
npm run build

# docker创建镜像
docker build -t vue-docker-nginx .

# 本地localhost:4000端口监听容器80容器启动docker
docker run -p 4000:8080 -d vue-docker-nginx

现在就可以在本机游览器查看在docker中启动的项目了。http://localhost:4000/

Image

About

将vue项目配合nginx在docker中打包运行,md文档中有详细步骤

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published