当前位置: 首页 > news >正文

VUE3+django接口自动化部署平台部署说明文档(使用说明,需要私信)

网址连接:http://118.25.110.213:5200/#/login
账号/密码:renxiaoyong
1、VUE3部署本地。
1.1本地安装部署node.js
1.2安装vue脚手架

npm install -g @vue/cli
# 或者
yarn global add @vue/cli

1.3创建本地项目

vue create my-vue-project

1.4安装依赖和插件
终端执行命令

vue ui

在这里插入图片描述
在这里插入图片描述
1.5打开加压后,把src文件夹中的文件,拷贝到你自己的项目中。
1.6开打src的api文件夹中的文件,修改
用本地,把线上环境注释掉
部署到机器上,把本地环境注释掉

在这里插入图片描述
1.7打开压缩包。找到djangoappui文件,改成1.6的线上环境,终端打开vue ui,找到编译,选择线上环境进行构建。构建完成后,生成一个dist文件夹,把他复制到auto/nginx中。
在这里插入图片描述

2.进行线上部署注意点。
2.1如果是线上腾讯云或者阿里云服务器,记得把端口打开。
2.2修改文件docker-compose.yml文件
在这里插入图片描述
2.3修改api_django/apidjango/pro_settings.py
在这里插入图片描述
2.4修改成你需要的管理员密码在api_django目录下
在这里插入图片描述

2.5进入auto文件夹下,
(记得安装docker和docker-compose)

在这里插入图片描述
执行

sh deploy.sh

提示docker-compose没有权限,
进行赋权限,chmod +x 文件位置路径(docker-compose)
2.6,再次执行sh deploy.sh
根据提示1部署,直接回车
2.7文件夹结构
在这里插入图片描述

http://www.lryc.cn/news/509868.html

相关文章:

  • Python爬虫(入门+进阶)
  • 保姆级教程Docker部署RabbitMQ镜像
  • 【RAII | 设计模式】C++智能指针,内存管理与设计模式
  • Linux复习3——管理文件系统2
  • c++---------数据类型
  • 前端Python应用指南(三)Django vs Flask:哪种框架适合构建你的下一个Web应用?
  • 鸿蒙系统文件管理基础服务的设计背景和设计目标
  • 要查询 `user` 表中 `we_chat_open_id` 列不为空的用户数量
  • AI科研助手开发总结:向量与数据权限的应用(二)
  • python爬虫----爬取视频实战
  • HarmonyOS NEXT 实战之元服务:静态案例效果--航空出行
  • DP83848以太网移植流程,可以TCP通信
  • css 裁剪 clip-path
  • MySQL用表组织数据
  • 细说STM32F407单片机轮询方式读写SPI FLASH W25Q16BV
  • C++-------指针
  • Linux文件目录 --- 移动和改名命令MV、强制移动、试探性移动过、按时间移动
  • 03.HTTPS的实现原理-HTTPS的工作流程
  • vue实现批量下载文件流并压缩
  • 前端入门之VUE--ajax、vuex、router,最后的前端总结
  • 安装k8s涉及命令(方便放到txt离线使用)
  • FLV视频封装格式详解
  • 搭建vue3+vant项目架构
  • 【Linux】进程间通信 -> 匿名管道命名管道
  • 大数据开发学习路线
  • 华为云计算HCIE笔记05
  • wordpress网站用token登入开发过程
  • Python基础知识回顾
  • C++--------效率和表示
  • 在 Ubuntu 服务器上添加和删除用户