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...
执行成功后,在项目根目录,会有dist文件夹生成。将该文件夹下所有内容拷贝到服务器的/home/soft/renren-vue目录下。 第三步 使用nginx部署项目 由于在docker简易系列中,已拉取过nginx镜像,在此不再赘述,进入编写nginx_front1.conf配置文件,并使用xftp工具上传到服务器上(/home/soft/nginx/),内容如下: user nginx...
一、前端部署 1.宿主机创建目录,用于存放build之后的前端文件,以及nginx配置文件。 2.在conf目录下,创建配置nginx.conf文件。 3.拉取镜像 4.创建容器,并设置挂接数据卷 5.访问宿主机ip,则可以访问网页。 6.附录,docker常用命令 二、后端部署 1.在宿主机文件夹下,把代码、配置文件整理到同一目录下。 2.编写启...
1.编译打包 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.编译打包 代码编写完毕后,在终端输入 vue ui 1. 随后就会在项目中生成...
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 ...
从0 开始 之 Docker部署Vue项目 什么是Docker 装应用的容器 开发、测试、运维都偏爱的容器化技术 轻量级 扩展性 一次构建、多次分享、随处运行 原理 对Docker 最简单并且带有一定错误的认知就是 “Docker 是一种性能非常好的虚拟机”。 Docker 相比于传统虚拟机的技术来说先进了不少,具体表现在 Docker 不是在宿...
第二步:进入项目和dockerfile文件所在目录执行如下命令 # -t 是给镜像取名。# 最后有一个点 “.”,表示使用当前路径下的 dockerfile 文件,也可以指定使用其它路径的。docker build-t mirror_name . 第三步:端口映射,并启动docker容器 # -p :配置端口映射,格式是外部访问端口:容器内端口# -d :后台运行# -...
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 ...
1. 创建一个vue项目 相信大部分人都已经知道怎么创建项目的,可以跳过这一节,看下一节。 1.1 安装@vue/cli # 全局安装 vue-cli脚手架npm install -g @vue/cli 等待安装完成后开始下一步 1.2 初始化项目 vue create vue-cli3-project 选择一个预设 ...
docker + nginx 部署vuejs3.0项目 1:用指令 npm run build 打包vusjs项目(该项目是在github上下载的)。打包成功后会生成一个目录dist。 2:把该文件夹拷贝到腾讯云服务器(操作系统 centos7)下的/usr/share目录下。 3:在/usr/share目录下新建Dockerfile文件...