一、打包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...
2. 下载nginx镜像 3. 编写nginx.conf配置文件 4. 编写构建命令 5. vue项目上传 1. 前提 Docker服务已部署 2. 下载nginx镜像 首先查看有没有nginx镜像 docker images 没有的情况下再进行下载 docker pull nginx 3. 编写nginx.conf配置文件 在/home/mr-web/conf目录下创建nginx.conf配置文件 #user nobody;work...
用vue cli 创建一个vue项目,修改一下创建出来的项目,在页面上写一个前端接口请求,构建一版线上资源 ,基于nginx docker镜像构建成一个前端工程镜像,然后基于这个前端工程镜像,启动一个容器 vuenginxcontainer。 启动一个基于 node 镜像的容器 nodewebserver,提供后端接口。 修改vuenginxcontainer 的 nginx 配置,使前端...
启动docker,然后在CMD/PowerShell输入docker,弹出如图所示即说明安装成功 打开桌面管理工具就是长这样 远程连接docker服务 上面步骤做完,就可以在本地使用docker了,如果想要使用远程docker环境,则要配置远程docker(本地需要有docker环境才使用docker命令) 配置远程CenterOS环境下的docker vi /lib/systemd/system/docker.servi...
docker restart nginx 三. vue-element-admin落地项目线上部署 完成上面的Nginx安装和相关配置后,接下来开始部署前端项目。 youlai-mall-admin是开源项目有来商城分离的管理前端,基于vue-element-admin基础框架构建的。这里讲述如何将其部署到线上环境。 1. 项目打包 ...
一、vue项目编译打包 1、更新node更新库 2、编译打包 npm run build 该问题的原因是 之前项目代码是在windows环境编译的 现在是在mac环境编译 所以需要下载相应操作系统的编译库 编译成功之后 会生成一个dist文件夹 里面的内容就是即将部署到nginx的静态资源 ...
3. 项目打包: 代码语言:javascript 复制 npm run build 会自动生成 dist 文件夹 。 4. 在任意目录下新建文件 dockerfile 。内容如下: 代码语言:javascript 复制 # 设置基础镜像FROMnginx # 定义作者MAINTAINERjiangyu #将dist文件中的内容复制到/usr/share/nginx/html/这个目录下面COPYdist//usr/share/nginx/html...
最近做的实训项目要求用Docker部署到阿里云服务器上,记录一下部署流程,方便大家借鉴和避雷。 一、购买阿里云服务器 购买阿里云服务器教程可参考博客:阿里云服务器如何购买? 高校学生可搜索飞天加速计划,通过认证可以免费领取7个月的云服务器使用资格。 二、安装远程软件 ...
简介:docker nginx 部署 vue项目 一、vue项目编译打包 1、更新node更新库 2、编译打包 npm run build 该问题的原因是 之前项目代码是在windows环境编译的 现在是在mac环境编译 所以需要下载相应操作系统的编译库 编译成功之后 会生成一个dist文件夹 里面的内容就是即将部署到nginx的静态资源 ...
一、vue项目编译打包 1、更新node更新库 2、编译打包 npm run build 该问题的原因是 之前项目代码是在windows环境编译的 现在是在mac环境编译 所以需要下载相应操作系统的编译库 编译成功之后 会生成一个dist文件夹 里面的内容就是即将部署到nginx的静态资源 ...