这个Dockerfile指定了使用nginx作为基础镜像,将Vue项目的dist文件复制到nginx的默认网页根目录/usr/share/nginx/html/中,并暴露了80端口。 3. 在Dockerfile中配置Nginx(可选) 如果你需要自定义Nginx的配置,比如设置反向代理或者重写规则,你可以在项目根目录下创建nginx.conf和default.conf文件,并在Dockerfile中取消注释...
②创建数据持久化目录☆☆☆ 未来要部署的项目打包好久放在html目录 mkdir /root/zscDemo/vueDemo/aiecp/{conf,html,log,logs} ③创建需要映射进去的文件 vim /root/zscDemo/vueDemo/aiecp/conf/nginx.conf 讲配置好的 conf 文件粘贴进去 ④运行nginx docker run --name aiecp -d -p 80:80 --restart=alw...
7. 把nginx下的配置文件copy到我们刚刚创建的两个文件夹下,对应放置 sudo docker cp nginx:/etc/nginx/nginx.conf /date/data/nginx/conf/ sudo docker cp nginx:/etc/nginx/conf.d /date/data/nginx/conf/ sudo docker cp nginx:/usr/share/nginx/html /date/data/nginx/ 1. 2. 3. copy之后就能看到...
docker cp nginx:/etc/nginx/nginx.conf /home/nginx/conf/nginx.conf # 将容器nginx.conf文件复制到宿主机docker cp nginx:/etc/nginx/conf.d /home/nginx/conf/conf.d # 将容器conf.d文件夹下内容复制到宿主机docker cp nginx:/usr/share/nginx/html /home/nginx/ # 将容器中的html文件夹复制到宿主机 ...
用vue cli 创建一个vue项目,修改一下创建出来的项目,在页面上写一个前端接口请求,构建一版线上资源 ,基于nginx docker镜像构建成一个前端工程镜像,然后基于这个前端工程镜像,启动一个容器 vuenginxcontainer。 启动一个基于 node 镜像的容器 nodewebserver,提供后端接口。
docker restart nginx 三. vue-element-admin落地项目线上部署 完成上面的Nginx安装和相关配置后,接下来开始部署前端项目。 youlai-mall-admin是开源项目有来商城分离的管理前端,基于vue-element-admin基础框架构建的。这里讲述如何将其部署到线上环境。 1. 项目打包 ...
后端通过(nohup java -jar xxx.jar &) 指令简单部署。该文主要说明部署前端vue项目。 部署vue需要安装nginx。安装nginx方式有两种,1、可以在服务器上下载nginx压缩包,解压即可。2、使用docker容器。该文使用docker容器安装,压缩包,可自行百度一下。 docker安装nginx ...
docker build-t gentle-vue.echo-e"\033[32m\n新镜像构建成功\n\033[0m"# 删除原容器 docker rm-f gentle-vue # 启动容器 docker run-p3000:80-d--name gentle-vue gentle-vue echo-e"\033[32m\n前端工程部署完成\n\033[0m" 这样部署就方便多了。
e-1、安装vue脚手架 sudo cnpm install -gvue-cli e-2、安装项目依赖 cnpm install e-3、安装 vue 路由模块vue-router和网络请求模块vue-resource cnpm install vue-router vue-resource --save e-4、启动项目 npm run dev或cnpm run dev 二、将vue项目部署到docker nginx并实现访问 ...
一、打包vue项目 npm run build 二、docker网上拉取nginx镜像 docker pull nginx 三、vue项目打包文件放到服务器上,创建 dockerfile(参考第八点,将nginx配置文件放置在宿主机,通过dockerfile复制到镜像指定文件) [root@VM-12-13-centos vue]# mkdir dockerHRSass ...