### Django-Vue-Admin 发布教程详解
#### 一、概览
本教程旨在帮助开发者了解如何将基于 Django 和 Vue.js 的项目部署到生产环境中。本文档基于文档“django-vue-admin发布教程.docx”，主要介绍了如何在 Linux 服务器上进行项目的部署过程，并对关键步骤进行了详细的解释。
#### 二、准备工作
在开始部署之前，请确保已经完成以下准备工作：
1. **本地开发环境**：确保项目已经在本地完成开发和测试，并且能够正常运行。
2. **服务器环境**：选择一台合适的 Linux 服务器（本教程使用的是 CentOS 7.6）。确保服务器上已安装必要的软件和服务，如 Python、uWSGI、Nginx 等。
#### 三、项目打包与上传
1. **项目打包**：将本地开发好的项目打包成压缩文件。可以使用 Windows 上的工具如 WinSCP 或者命令行工具 rz、sftp 等上传至服务器。
- 使用命令行工具打包示例：`zip testsys.zip -r *`
2. **上传至服务器**：将压缩文件上传至 Linux 服务器。可以使用工具如 WinSCP 或者命令行工具 rz、sftp 等上传至服务器指定目录。
- 示例命令：`rz -E`
#### 四、服务器环境配置
1. **安装 Python 3.6.3**
- 下载 Python 3.6.3 源码包并解压。
```bash
cd /usr/local/
wget https://www.python.org/ftp/python/3.6.3/Python-3.6.3.tgz
tar -xzvf Python-3.6.3.tgz
```
- 编译安装 Python 3.6.3。
```bash
cd Python-3.6.3/
./configure --prefix=/usr/local/python3
make
make install
```
- 创建软链接方便调用。
```bash
ln -s /usr/local/python3/bin/python3 /usr/bin/python3
ln -s /usr/local/python3/bin/pip3 /usr/bin/pip3
```
2. **安装 uWSGI**
- 使用 pip3 安装 uWSGI。
```bash
pip3 install uwsgi
```
3. **安装 Nginx**
- 下载 Nginx 源码包并解压。
```bash
cd /usr/local/
wget http://nginx.org/download/nginx-1.8.0.tar.gz
tar -zxvf nginx-1.8.0.tar.gz
```
- 编译安装 Nginx。
```bash
cd nginx-1.8.0
./configure --with-http_stub_status_module --with-http_ssl_module
make && make install
```
4. **Nginx 启动与管理**
- 启动 Nginx。
```bash
cd /usr/local/nginx/sbin
./nginx
```
- 重新加载配置。
```bash
cd /usr/local/nginx/sbin
./nginx -s reload
```
- 停止 Nginx。
```bash
cd /usr/local/nginx/sbin
./nginx -s stop
```
- 查看 Nginx 状态。
```bash
cd /usr/local/nginx/sbin
./nginx -t
```
- 重新打开日志文件。
```bash
cd /usr/local/nginx/sbin
./nginx -s reopen
```
#### 五、启动后端服务
1. **配置环境变量**
- 进入后端目录，确保 `conf/env.py` 文件中的数据库配置正确。
- 修改 `backend/application/uwsgi.ini` 文件。
- 注意：若与 Nginx 配合使用，则端口号应改为 socket；若仅启动 HTTP 服务，则写成 http。
- 示例：为避免与 Nginx 端口冲突，此处使用 8001 端口。
2. **启动 uWSGI**
- 启动 uWSGI 服务。
```bash
nohup uwsgi --ini /opt/ahltstsys/backend/application/uwsgi.ini -w application.wsgi:application > /dev/null 2>&1 &
```
- 杀死 uWSGI 进程。
```bash
ps -ef | grep uwsgi | awk '{print $2}' | xargs kill -9
```
#### 六、前端配置与构建
1. **配置前端环境**
- 进入前端目录，确保 `.env.production` 文件中的各项参数设置正确。
- 特别注意后端地址设置：uWSGI 的 socket 端口为 8001，Nginx 发布端口为 8000。
2. **构建生产环境**
- 使用 npm 构建生产环境。
```bash
npm run build:prod
```
#### 七、Nginx 配置
1. **Nginx 配置**
- 根据官方文档中的指南来配置 Nginx。
- 关键点：在后端配置部分，需要注意端口的映射关系，确保前后端通信无误。
通过以上步骤，您可以顺利完成基于 Django 和 Vue.js 的应用部署到生产环境的过程。在整个过程中，请确保每个步骤都按照指示操作，并且密切关注可能出现的任何错误提示，以便及时排查问题。此外，根据实际需求可能还需要进行更多的安全配置和性能优化等操作。
