首先,确保你的Vue 3项目已经构建完成,并且生成了静态文件。这通常是通过运行以下命令来完成的: bash npm run build 或者如果你使用的是Yarn: bash yarn build 这个命令会生成一个dist目录,里面包含了构建后的静态文件,这些文件将用于Docker部署。 2. 编写Dockerfile来定义Docker镜像 在项目的根目录下创建一个名...
3.Dockerfile 文件编写 # For more information, please refer to https://aka.ms/vscode-docker-pythonFROMpython:3.12# 安装系统依赖,因为django中用到了gis服务,依赖gdal库,需要在容器中安装。RUNapt-getupdate&&apt-getinstall-y \ gdal-bin \ libgdal-dev \ python3-gdal# 用于防止Python在容器中生成.pyc...
一、前端部署 1.宿主机创建目录,用于存放build之后的前端文件,以及nginx配置文件。 2.在conf目录下,创建配置nginx.conf文件。 3.拉取镜像 4.创建容器,并设置挂接数据卷 5.访问宿主机ip,则可以访问网页。 6.附录,docker常用命令 二、后端部署 1.在宿主机文件夹下,把代码、配置文件整理到同一目录下。 2.编写启...
使用Nginx镜像中的默认配置文件nginx.conf并进行修改添加,笔者在做测试的时候,出现了一堆奇奇怪怪的问题,包括访问过程中的404 error,后续笔者直接从nginx官网下载了nginx linux版本, 并拷贝出里边的nginx.conf文件来基于此文件配置,一切问题得以解决(大家如果采用的window部署,那就下载windows版本的nginx.conf,里边的配置...
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.编译打包 代码编写完毕后,在终端输入 vue ui 1. 随后就会在项目中生成dist文件夹 ...
Docker 部署 vue 项目 概述 技术栈:docker + vue3 + nginx 部署流程 1、docker下载安装 nginx docker pull nginx 2、创建nginx挂载目录 /usr/local/nginx (可根据自己需要存放文件的位置自行创建目录) mkdir-p /usr/local/nginx 3、创建default.conf:vim default.conf...
docker使用nginx镜像部署vue3项目 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 \...
docker构建vue3前端项目 前端是基于vue3开发typescript项目,打包之后将生成的dist静态资源放到我们准备好的目录下,然后在这个目录下创建一个Dockerfile文件和nginx.conf配置文件,做如下配置: FROM nginx:1.24.0WORKDIR/usr/share/nginx/html COPY dist/usr/share/nginx/html/COPY nginx.conf/etc/nginx/nginx.conf ...
1. 创建一个vue项目 相信大部分人都已经知道怎么创建项目的,可以跳过这一节,看下一节。 1.1 安装@vue/cli # 全局安装 vue-cli脚手架npm install -g @vue/cli 等待安装完成后开始下一步 1.2 初始化项目 vue create vue-cli3-project 选择一个预设 ...