将Vue 3项目部署到Docker中,可以按照以下步骤进行: 1. 构建Vue3项目为可用于Docker部署的静态文件 首先,确保你的Vue 3项目已经构建完成,并且生成了静态文件。这通常是通过运行以下命令来完成的: bash npm run build 或者如果你使用的是Yarn: bash yarn build 这个命令会生成一个dist目录,里面包含了构建后的静态...
docker start mtms_fe docker stop mtms_fe docker restart mtms_fe 二、后端部署 后端没有公开的镜像可下载使用,需要自行构建本地代码为镜像。 1.在宿主机文件夹下,把代码、配置文件整理到同一目录下。 image.png 2.编写启动脚本 因为后端程序要同时启动django服务,以及celery守护进程,无法在dockerfile中用一行...
1、打包 2、上传到服务器并解压(我已经解压) 3、修改nginx.conf配置文件 4、部署 代码语言:docker 复制 docker run -d \ --name vue-nginx \ -p 8091:80 \ -v /usr/local/nginx/conf/nginx.conf:/etc/nginx/nginx.conf:ro \ -v /usr/local/nginx/dist:/usr/share/nginx/html:ro \ nginx:latest...
二. Docker镜像后端项目 构建步骤和上一篇步骤一样 Dockerfile文件 # 基础镜像FROM java:openjdk-8-jre-alpine# 维护者信息MAINTAINER im.lihaodong@gmail.com#Default to UTF-8 file.encodingENV LANG C.UTF-8#设置alpine时区ENV TIMEZONE Asia/Shanghai#alpine自带的包含dl-cdn的域名非常慢,需要修改后才能下载...
2.准备部署 2.1.跟随SpringBoot项目一同部署 2.2.在nginx上部署 2.2.1.安装nginx 2.2.2.修改配置文件 2.2.3.将项目移动到root对应的文件夹 2.2.4.启动/重启nginx以开启项目 2.2.5.服务器配置安全组(防火墙) 2.2.6.访问 1.编译打包 代码编写完毕后,在终端输入 ...
相信大部分人都已经知道怎么创建项目的,可以跳过这一节,看下一节。 1.1 安装@vue/cli # 全局安装 vue-cli脚手架npm install -g @vue/cli 等待安装完成后开始下一步 1.2 初始化项目 vue create vue-cli3-project 选择一个预设 可以选择默认预设,默认预设包含了babel,eslint ...
docker构建vue3前端项目 前端是基于vue3开发typescript项目,打包之后将生成的dist静态资源放到我们准备好的目录下,然后在这个目录下创建一个Docker...
7、开始部署自己的项目 7.1、开始将自己的vue前端项目打包到dist目录 pnpm build 7.2、在本地创建一个Dockerfile FROM nginx:latest# 将项目根目录下dist文件夹下的所有文件复制到镜像中 /usr/share/nginx/html/ 目录下COPY dist/ /usr/share/nginx/html/COPY default.conf /etc/nginx/conf.d/default.conf ...
其中,Docker和Jenkins是两个广泛使用的工具,它们可以无缝地结合在一起,实现应用程序的容器化和自动化部署。本文将指导你如何使用Docker和Jenkins来自动化部署Vue3+Vite前端项目。我们将通过以下步骤完成这个过程: 构建Vue3+Vite应用程序 创建Docker镜像 配置Jenkins 自动化部署流程一、构建Vue3+Vite应用程序首先,你需要...
本篇主要是在本地用docker部署mysql、vue项目和springboot项目,记录一下。 一、docker部署mysql 我的环境是win10,用的是docker desktop。安装很简单。照着官网的步骤安装即可。 接下来部署mysql 1.1 创建目录 首先在D盘创建目录,这里的目录是为了容器内部挂载数据,方便我们查看数据。