例如:docker pull registry.cn-shanghai.aliyuncs.com/xx/vuejs-demo-v1.0.0) 5.3.3 运行vue镜像 docker -d -p 本机端口号:容器端口号 --name=xx 镜像名字 (例如 docker -d -p 1233:1233 --name=vuejs-demo-v1.0.0 registry.cn-shanghai.aliyuncs.com/xx/vuejs-demo-v1.0.0) 5.4 将端口添加到...
(1)-it 交互式 (2)-p 99:80 指定映射端口(首先在本地查看项目的端口号是多少) (3)-v /home/xieyingpeng/c/vue-ui:/usr/ruoyi-ui 把该路径下文件读取到后面一个创建的路径中 (4)后面一个是npm 的ID号 镜像 启动进入 (5)进入我们创建的文件usr中 然后我们可以看见当前文件夹下有我们的项目代码了 (...
使用Vue CLI 创建一个新的 Vue 项目。首先,确保 Vue CLI 已经全局安装: npminstall-g@vue/cli 1. 接着,创建一个新的 Vue 项目: vue create my-vue-app 1. 在创建过程中,你可以根据提示选择配置选项。 4. Dockerize Vue 应用 接下来,为 Vue 应用创建 Dockerfile。Dockerfile 是一个文本文件,用于定义 D...
创建Dockerfile文件 在项目根目录下创建Dockerfile文件,写入下面内容 FROMnginxMAINTAINERzouzouRUNrm /etc/nginx/conf.d/default.confADDdefault.conf /etc/nginx/conf.d/COPYdist/ /usr/share/nginx/html/ 说明 FROMnginx:该镜像是基于nginx:latest镜像构建的MAINTAINERzouzou:添加说明RUNrm /etc/nginx/conf.d/defaul...
# 使用vue2创建应用vue initwebpack"vue-docker"# 初始化依赖包npm install# 运行npm run dev# 打包npm run build 构建vue应用镜像并启动容器 vue项目部署需要使用到服务器容器,本文采用的是nginx反向代理来部署,nginx是一个高性能的HTTP和反向代理服务器,我们选用 nginx 镜像作为基础来构建我们的vue应用镜像。
docker环境下,部署django和vue项目 docker + python3.8 + Django + uwsgi + nginx + vue 项目的配置 一、Dcoker配置 docker pull centos:7#拉取centos7的docker镜像dockerrun-it -d --name my_project -v /home/yang:/home/ymy -p 80:80 -p 8000:8000 centos:7 /bin/bash...
Docker 打包 Vue 项目 注意:此处的根目录指的 Vue build 后生成的 dist 目录。不是 Vue 项目的根目录。 dist 根目录新建 Dockerfile 文件 文件内容如下: from nginx:1.13.12-alpine as production-stage# 直接复制构建阶段生成在dist的代码到nginx的html目录下COPY ./ /usr/share/nginx/html# 运行nginxCMD[...
首先,选择一个创建好的Vue项目(本案例是采用一个前后端分离的单页Vue项目) 接下来,运行 npm run build 命令,生成一个打包的 dist 文件(ps:具体打包命名根据项目配置而定。)你会发现,项目中多了一个 dist 文件夹。 获取Nginx镜像 本案例的Vue 项目是一个前后端分离项目,前端界面在服务器上只需要能被外部访问到...
源码在Github:https://github.com/cmdfas/docker-vue-app 项目创建 全局安装Vue CLI: npm install-g @vue/cli 创建一个全新Vue项目, (要选vue-router,history模式,后面有用) vue create my-app cd my-app 开发环境 Docker 在项目根目录中创建Dockerfile文件 ...