VUE3+django接口自动化部署平台部署说明文档（使用说明，需要私信）

任小永的博客2024-12-26 14:00

账号/密码：renxiaoyong

1、VUE3部署本地。

1.1本地安装部署node.js

1.2安装vue脚手架

bash 复制代码

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

1.3创建本地项目

bash 复制代码

vue create my-vue-project

1.4安装依赖和插件

终端执行命令

bash 复制代码

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）

执行

bash 复制代码

sh deploy.sh

提示docker-compose没有权限，

进行赋权限，chmod +x 文件位置路径（docker-compose）

2.6，再次执行sh deploy.sh

根据提示1部署，直接回车

2.7文件夹结构