vue + django 项目打包上线

概述

• nginx 是干嘛的
  • 主要负责端口转发和静态文件代理，上面的图已经解释得比较清楚了，遇到静态资源请求，它会直接返回静态文件；遇到动态数据请求则转发给 uwsgi 处理
• uwsgi 是干嘛的 https://blog.csdn.net/midion9/article/details/51354774

  • uWSGI 是一个 python Web服务器，它实现了 WSGI 协议、uwsgi、http 等协议。Nginx 中 HttpUwsgiModule 的作用是与 uWSGI 服务器进行交换。
    要注意 WSGI / uwsgi / uWSGI 这三个概念的区分：

    • WSGI 是一种通信协议

    • uwsgi 是一种线路协议而不是通信协议，在此常用于在 uWSGI 服务器与其他网络服务器的数据通信

    • uWSGI 是实现了 uwsgi 和 WSGI 两种协议的 Web 服务器

  • uwsgi 协议是一个 uWSGI 服务器自有的协议，它用于定义传输信息的类型（type of information），每一个 uwsgi packet 前 4byte 为传输信息类型描述，它与 WSGI 相比是两样东西。

Vue 项目打包（适用于 vue-cli 方式创建的项目）

• 先将项目路由改为 history 模式，修改方式百度

• 打包

  npm run build

  将打包生成的 dist 文件夹下所有内容拷贝至后端 django 项目 frontend 文件夹（任意命名，但要与 nginx 配置对应）

生产环境配置

• 先按我的另一篇随笔配置 RedHa