将 vue 项目运行在 docker 的 nginx 容器中

wapeyang 发布于2019-07-25 14:35 / 1970人阅读

摘要：将单页面应用项目运行在的容器中，步骤安装版下载镜像是具体的版本默认从下载镜像运行命令打包项目编写的配置文件文件在本项目中位置在项目目录下运行命令宿主机就是本机访问项目网址命令参数说明参数说明宿主机会覆盖容器内文件宿主机端

将vue 单页面应用项目（spa）运行在docker的nginx容器中，步骤：

1.安装docker mac版
2.下载nginx镜像（1.15.7：是具体的nignx版本；默认从 https://hub.docker.com/ 下载镜像）：

docker pull nginx:1.15.7

3.运行命令打包项目：npm run build
4.编写nginx的配置文件（文件在本项目中位置：nginx/default.conf）
5.在项目目录下运行 docker 命令：

docker run -p 9081:80 -v $PWD/dist/:/usr/share/nginx/dist/ -v $PWD/nginx/default.conf:/etc/nginx/conf.d/default.conf -d nginx:1.15.7

6.宿主机（就是本机）访问项目网址：http://localhost:9081/

docker run命令参数说明：

参数	说明
-v, --volume value：Bind mount a volume (default [])	宿主机会覆盖容器内文件
-p, --publish value：Publish a container"s port(s) to the host (default [])	宿主机端口对应容器内端口
-d, --detach：Run container in background and print container ID	保持容器在后台持续运行；后续可以使用docker exec -it <容器名或容器id> bash，进入容器的bash命令

项目例子：https://github.com/cag2050/vu...

GPU云服务器云服务器 docker容器启动后运行命令将java项目部署在阿里云服务器 java在内存中运行 exe在云服务器中运行

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/40255.html

[手把手系列之]Docker 部署 vue 项目

摘要：部署项目写在前面作为轻量级虚拟化技术，拥有持续集成版本控制可移植性隔离性和安全性等优势。容器可以被创建启动停止删除暂停等。重新运行应用容器直接基于镜像来启动容器，运行命令将宿主机的挂载到容器的目录上。Docker 部署 vue 项目 1.写在前面： Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽...

VPointer 2019-05-22 16:41 评论0 收藏0
将 vue 项目运行在 docker 的 nginx 容器中

摘要：将单页面应用项目运行在的容器中，步骤安装版下载镜像是具体的版本默认从下载镜像运行命令打包项目编写的配置文件文件在本项目中位置在项目目录下运行命令宿主机就是本机访问项目网址命令参数说明参数说明宿主机会覆盖容器内文件宿主机端将vue 单页面应用项目（spa）运行在docker的nginx容器中，步骤： 1.安装docker mac版2.下载nginx镜像（1.15.7：是具体的nignx...

liangdas 2019-06-28 16:54 评论0 收藏0
将 vue 项目运行在 docker 的 nginx 容器中

摘要：将单页面应用项目运行在的容器中，步骤安装版下载镜像是具体的版本默认从下载镜像运行命令打包项目编写的配置文件文件在本项目中位置在项目目录下运行命令宿主机就是本机访问项目网址命令参数说明参数说明宿主机会覆盖容器内文件宿主机端将vue 单页面应用项目（spa）运行在docker的nginx容器中，步骤： 1.安装docker mac版2.下载nginx镜像（1.15.7：是具体的nignx...

dadong 2019-08-23 14:11 评论0 收藏0
docker 应用系列（一）--- 一步步搭建虚拟机 docker 环境附有 vue-cli +

摘要：为确保系统里面没有自带的软件的残留，我们要清除一下旧版本的，虽然新系统一般都不会有就是了。更新软件包缓存。 showImg(https://segmentfault.com/img/remote/1460000015914895?w=1240&h=819); 小剧场测试：裤裆你这页面刷新就白屏啊，怎么了啊，而且你看这 network，怎么这些 js 这么大啊，很耗流量而且加载速度还很...

hatlonely 2019-06-28 16:35 评论0 收藏0
用Docker搭建Laravel和Vue项目的开发环境

摘要：第二步添加在项目中创建文件。项目是官方的开源项目，负责实现对容器集群的快速编排。在这里我们会用到四个容器分别将放在四个不同的容器中，通过将四个应用容器关联到一起组成项目。服务服务的容器将执行我们项目中的代码。 showImg(https://segmentfault.com/img/bVbpfM5?w=695&h=270);在这篇文章中我们将通过Docker在个人本地电脑上构建一个快速...

starsfun 2019-06-28 17:05 评论0 收藏0