1.使用docker查询nginx的镜像 使用命令:docker search nginx 2.下载nginx镜像 使用命令:docker pull nginx 3.创建挂载目录 在/home/wms下创建/nginx 通过命令:mkdir nginx 创建目录 4.运行并且挂载nginx (可不看第7步以后的优化) 通过docker images 查看docker的镜像 docker run -d -p 80:80 --name nginx_wms...
用vue cli 创建一个vue项目,修改一下创建出来的项目,在页面上写一个前端接口请求,构建一版线上资源 ,基于nginx docker镜像构建成一个前端工程镜像,然后基于这个前端工程镜像,启动一个容器 vuenginxcontainer。 启动一个基于 node 镜像的容器 nodewebserver,提供后端接口。 修改vuenginxcontainer 的 nginx 配置,使前端...
7. 启动、关闭、重启nginx 代码语言:javascript 复制 docker start nginx docker stop nginx docker restart nginx 三. vue-element-admin落地项目线上部署 完成上面的Nginx安装和相关配置后,接下来开始部署前端项目。 youlai-mall-admin是开源项目有来商城分离的管理前端,基于vue-element-admin基础框架构建的。这里讲述...
一、打包vue项目 npm run build 二、docker网上拉取nginx镜像 docker pull nginx 三、vue项目打包文件放到服务器上,创建 dockerfile(参考第八点,将nginx配置文件放置在宿主机,通过dockerfile复制到镜像指定文件) [root@VM-12-13-centos vue]# mkdir dockerHRSass [root@VM-12-13-centos vue]# cd dockerHRSass...
一、vue项目编译打包 1、更新node更新库 2、编译打包 npm run build 该问题的原因是 之前项目代码是在windows环境编译的 现在是在mac环境编译 所以需要下载相应操作系统的编译库 编译成功之后 会生成一个dist文件夹 里面的内容就是即将部署到nginx的静态资源 ...
docker stop nginx && docker rm nginx 6|06、启动容器 dockerrun-p 80:80 --name nginx -v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /home/nginx/conf/conf.d:/etc/nginx/conf.d -v /home/nginx/log:/var/log/nginx -v /home/nginx/html:/usr/share/nginx/html -d nginx:latest...
1.docker pull nginx 2.docker images 1. 2. 2.2docker启动nginx测试镜像 1.docker run --name nginx-test -p 8081:80 -d nginx:latest 2.docker ps 3.输入地址访问nginx欢迎页面 1. 2. 3. 3.在win10环境里创建并打包vue项目 3.1打开cmd窗口,进入对应文件夹 ...
一、vue项目编译打包 1、更新node更新库 2、编译打包 npm run build 该问题的原因是 之前项目代码是在windows环境编译的 现在是在mac环境编译 所以需要下载相应操作系统的编译库 编译成功之后 会生成一个dist文件夹 里面的内容就是即将部署到nginx的静态资源 ...
部署过程:略 前端:vue docker端口:9876 映射宿主机端口:8081 宿主机IP: 172.20.10.100 部署方式:使用带nginx服务的docker发布 1、准备镜像,并先启动一个镜像实例 # docker pull nginx # docker run -d --name nginx -p 8081:9876 nginx 2、下载相关配置文件,准备修改 ...
1.安装好 nginx 。 2. 把 vue 项目的源码克隆到确定目录下。用 git 管理,所以直接 git clone 到既定目录就行了。 如我的目录是:/root/jiangyu/projects/gentle_vue/gentle_vue_code 。 3. 项目打包: 代码语言:javascript 复制 npm run build