### 阿里云部署 Django 和 Vue 结合项目的最佳实践 #### 一、环境准备 在阿里云服务器上部署 Django 和 Vue 的结合项目前，需完成基础环境搭建。这包括安装必要的软件包以及配置开发环境。 1. **连接至阿里云服务器** 使用 SSH 工具（如 PuTTY 或 Terminal）登录到阿里云实例[^2]。 2. **更新系统依赖** 执行以下命令以确保系统的最新状态： ```bash sudo apt update && sudo apt upgrade -y ``` 3. **安装必要工具** 安装 Python、pip、Node.js 及其他必需组件： ```bash sudo apt install python3-pip python3-venv nodejs npm nginx -y ``` --- #### 二、Django 后端部署 Django 是后端的核心框架，在此阶段主要涉及代码上传、数据库设置及服务运行。 1. **上传 Django 项目文件** 将本地的 Django 项目通过 FileZilla 传输到 `/home` 目录下[^1]。 2. **创建虚拟环境并激活** 创建独立的 Python 虚拟环境以隔离依赖项： ```bash cd /home/MyDjango/ python3 -m venv env source env/bin/activate pip install -r requirements.txt ``` 3. **配置 MySQL 数据库** 修改 `settings.py` 中的 DATABASES 设置部分，指定 MySQL 连接参数： ```python DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'your_database_name', 'USER': 'root', # 替换为实际用户名 'PASSWORD': 'password', # 替换为实际密码 'HOST': 'localhost', 'PORT': '3306' } } ``` 确保已提前在阿里云服务器上安装并初始化 MySQL。 4. **迁移数据表结构** 应用模型更改以同步数据库模式： ```bash python manage.py migrate ``` 5. **启动 uWSGI** 编写 `uwsgi.ini` 文件用于管理 Django 应用程序的服务进程： ```ini [uwsgi] module = MyDjango.wsgi:application master = true processes = 4 socket = /run/uwsgi.sock chmod-socket = 660 vacuum = true die-on-term = true ``` 并通过以下命令启动 uWSGI： ```bash uwsgi --ini uwsgi.ini ``` --- #### 三、Vue 前端部署 Vue 构建静态资源并通过 Nginx 提供访问支持。 1. **构建生产版本** 切换到 Vue 项目根目录执行打包操作： ```bash cd /path/to/vue-project npm run build ``` 此过程会生成优化后的静态文件存放在 `dist` 文件夹中[^3]。 2. **调整 Nginx 配置** 在 `/etc/nginx/conf.d/django.conf` 中定义站点规则[^4]: ```nginx server { listen 80; location /static/ { alias /home/MyDjango/static/; } location /media/ { alias /home/MyDjango/media/; } location / { include uwsgi_params; uwsgi_pass unix:/run/uwsgi.sock; } } ``` 3. **开放安全组端口** 如果自定义了监听端口号（例如 8091），则需要前往阿里云控制台的安全组页面新增入站规则允许该端口流量[^5]。 4. **重启 Nginx** 更新配置后重新加载服务使改动生效： ```bash sudo systemctl restart nginx ``` --- #### 四、测试与验证 确认前后端联调无误后即可对外发布应用。可通过浏览器访问域名/IP 地址来检验效果。 --- ###