django\+vue前后端分离项目部署nginx服务器

---

1. 准备

   1. 前端vue打包后代码

   2. 后端程序源代码

   3. 服务器安装nginx, 数据库安装配置等

2. 部署

   1. 部署前端项目：

      1. 前端代码放在 /home/www/dict 下；

   2. 部署后端项目：

      1. 上传后端代码到 /home/www/order 下；

      2. 安装所依赖库

      3. 收集静态资源

         1. 在setting.py 中指定地址：

         
         STATIC_ROOT = os.path.join(BASE_DIR, 'static_file')
         
         ```1. 执行收集静态资源命令
         
         ```python
         
         python manage.py collectstatic
         
         

      4. 同步数据库

      
      python manage.py makemigrations    # 生成迁移文件
      
      python manage.py migrate            # 同步数据库
      
      ```1. 配置uwsgi
      
      ```python
      
      [uwsgi]
      
      scoket = 127.0.0.1:8000
      
      home = /root/.virtualenvs/order    # 虚拟环境地址
      
      chdir = /home/www/order            # 后端程序地址
      
      wsgi-file = order/wsgi.py
      
      processes = 4
      
      threads = 2
      
      master = true
      
      pidfile = uwsgi.pid
      
      vacuum = true
      
      daemonize = uwsgi.log
      
      ```1. 开启uwsgi
      
      ```python
      
      uwsgi --ini uwsgi.ini    # 开启uwsgi
      
      uwsgi --stop uwsgi.pid    # 关闭uwsgi
      
      uwsgi --reload uwsgi.pid    # 重启uwsgi
      
      

   3. 配置nginx:

      1. 切换到nginx文件下

      
      cd /etc/nginx
      
      

            2\. 打开nginx配置文件
      

      
      vim nginx.conf
      
      

      3. 配置编辑nginx服务器

      
      # 在http{}中新增 server{...}
      
      server{
      
          listen 80;
      
          server_name (ip / domain name);
      
          
      
          #配置前端 vue打包后的程序
      
          location / {
      
              root /home/www/dict;        # 前端代码的绝对路径
      
              index /index.html            # 前端指定访问文件
      
              try_files $uri $uri/ /index.html;
      
          }
      
          # 配置后端 django程序, 后端接口是什么就写什么，多域名和多服务器部署除外
      
          location /api {
      
              include uwsgi_params;
      
              uwsgi_pass 127.0.0.1:8000    # 部署后端程序时 uwsgi 指定的端口
      
          }
      
          # 配置后端 静态资源
      
          location /static {
      
              alias /home/www/order/static_file;    # 部署后端程序时收集静态资源地址
      
          }
      
      }
      
      

              4\. 重启服务器
      
         `       nginx -s reload             `