docker本地部署Vue项目

最新推荐文章于 2023-09-20 10:19:07 发布

我不瘦但很逗

最新推荐文章于 2023-09-20 10:19:07 发布

阅读量261

点赞数

分类专栏： CI/CD 文章标签： docker

本文链接：https://blog.csdn.net/qq_32944491/article/details/125723546

版权

CI/CD 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文档记录了使用Docker的基本步骤：首先运行PollerShell，然后以管理员权限进入Dockerfile所在目录，接着执行`docker build -t test/test`创建镜像，最后用`docker run -p 90:80 test`启动服务，端口可自定义。这是一份快速查阅的Docker操作流程参考。

摘要由CSDN通过智能技术生成

运行PollerShell并进入dockerFile所在的目录下；

以管理员身份运行，打开之后，进入到你的dockerFile文件所在的目录下；

执行一下命令；

 docker build . -t test  //test可自定义；
 docker run -p 90:80 test //90端口号可以随意更改；

在这里插入图片描述

我老是忘记操作流程记录一下吧

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我不瘦但很逗

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

快速创建 vue 项目并添加 Dockerfile 文件

甘蓝的专栏

07-19

647

快速创建Vue项目的两种方式及对应的Dockerfile文件。

docker+docker-compose部署 vue+SpringBoot项目

qq_47899239的博客

08-13

163

docker+docker-compose实现云端部署java项目

参与评论您还未登录，请先登录后发表或查看评论

Docker+Nginx 部署 Vue 项目（保姆级总结）

Awwwze的博客

02-21

4564

一、思路总结利用 Docker + Nginx 部署 Vue 项目，先将 Vue 项目通过 build 命令构建成一个 dist文件夹，然后将这个文件夹交给 nginx 进行代理（这里利用的是反向代理，作用是可以对外隐藏项目的真实端口），然后编写 Dockerfile文件，在 nginx 基础镜像之上，构建一层属于我们自己的镜像，然后打包，Dockerfile 主要是配置 “vue 项目目录” 和 “nginx的配置文件”，将这两个文件拷贝映射到 nginx 容器内部。编写好 Dockerfile 文件后

Docker部署Vue项目

热门推荐

Good Luck

07-28

10万+

第一步：vue项目打包成dist。 npm run build 第二步：构建Dockerfile # 设置基础镜像，这里使用最新的nginx镜像，前面已经拉取过了 FROM nginx # 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面 COPY dist/ /usr/share/nginx/html/ 第三步：安装nginx docker pull nginx docker run --name nginx -d -p 4030:8.

Docker 部署 vue 项目

q1054261752的博客

12-02

195

Docker 部署 vue 项目# Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖库、配置...

Docker结合Jenkins部署vue项目

01-20

Docker结合Jenkins部署vue项目接上篇 Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动 Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx 安装nginx 这里...

使用Docker部署Springboot+Vue前后端分离项目

qq_44875669的博客

06-07

415

系统版本cento7.9Docker版本：18.09.4Nginx版本：部署时能获取的最新版本JDK版本：1.8Docker Desktop版本：4.12.0MySQL版本：5.7项目地址：https://github.com/YXJ2018/SpringBoot-Vue-OnlineExam。

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

weixin_45556713的博客

09-25

1312

Docker 部署 vue 项目 1.写在前面： Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖...

yum 安装 nginx 初始的配置代码

雪夜里的孤狼

11-01

568

nginx yum安装后默认的 nginx.conf 配置内容，作为备忘

vue前端代码dockerfile.zip

12-04

https://hub.docker.com/repository/docker/zhangkairong/vuenginxcontainer 的dockerfile

docker部署vue项目

weixin_47615289的博客

07-28

1145

Dockerfile：docker运行命令配置文件。default.conf: nginx的配置文件。1.打包好的vue的dist文件夹。2.docker环境。dist：打包的项目。

docker 部署vue 项目

07-22

你可以使用Docker来部署Vue项目。下面是一个简单的步骤： 1. 创建一个Vue项目，并确保项目在本地运行正常。 2. 在项目根目录下创建一个Dockerfile文件，用于构建Docker镜像。在Dockerfile中，你可以使用Node.js的官方镜像作为基础镜像。例如： ``` FROM node:14.17.0-alpine WORKDIR /app COPY package*.json ./ RUN npm install COPY . . RUN npm run build CMD ["npm", "run", "serve"] ``` 3. 构建Docker镜像。在终端中，进入项目根目录，并运行以下命令： ``` docker build -t vue-app . ``` 这将使用Dockerfile构建一个名为"vue-app"的镜像。 4. 运行Docker容器。运行以下命令： ``` docker run -it -p 8080:8080 --rm --name my-vue-app vue-app ``` 这将在容器中运行Vue应用，并将容器的8080端口映射到主机的8080端口。你可以根据需要修改端口映射。 5. 现在，你可以通过访问http://localhost:8080在浏览器中查看运行中的Vue应用。请注意，这只是一个最基本的示例，你可能需要根据你的项目需求进行调整。另外，如果你的项目有其他依赖项或需要配置环境变量，你可以在Dockerfile中进行相应的设置。