Django + vue(dist)打包文件部署

前言:

此方法是用于前后端分离python-web项目,前端写完项目vue直接将打包好的(dist)交给后台


1. 后台框架主体

Django + vue(dist)打包文件部署
首先看看跟路由里面访问index.html路径设置

Django + vue(dist)打包文件部署

再来看看未启用前端项目时访问根目录的界面
Django + vue(dist)打包文件部署
这个就是后台自己的api接口界面(方便接口测试)
Django + vue(dist)打包文件部署

2. 前台disk包结构

Django + vue(dist)打包文件部署

3. 在django项目中新建文件夹(一般命名为frontend)用来存放前台代码,然后将代码disk内的两个文件以及一个static文件夹拷贝进去

Django + vue(dist)打包文件部署

4.修改主配置文件settings.py

这是后台单独使用时我们的配置(即使用后台自己的模板文件)
Django + vue(dist)打包文件部署
将静态文件模板配置为前台项目
Django + vue(dist)打包文件部署
Django + vue(dist)打包文件部署
再来访问一下根目录看看

  • 访问根目录时我们未登录,所以直接重定向到用户登录界面了,此时说明已经成功了
    Django + vue(dist)打包文件部署