分享django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

头像
188****8607
56阅读2评论

提示:如果看完全部教程后仍然部署不成功,可以联系作者

一、提前准备

想要把django vue 前后端分离网站部署到服务器上,有一些提前准备的东西

1、备案域名(域名必须备案)

这里需要解析两个域名,一个前端,一个后端

我用的是华为云服务器,所以现在去华为云官网解析一下域名

前端:dvlvyou.ake666.com

后端:dvlvyouhd.ake666.com

2、一个服务器,什么服务器都可以

3、安装上宝塔(这个很简单,宝塔官方有一键安装)

二、确保你的前端访问的后端地址正确(一般来说会把访问的后端地址改为后端服务器地址)

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

这里一定要记得,把原来的注释

把后端域名写到这里

三、打包一下前端项目

npm run build

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

打包后项目目录下出现dist目录

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

四、宝塔新建前端服务器

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

这里一定要选择 静态 然后创建一个数据库

五、证书新建一下

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

六、删除没有用的文件

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

七、上传打包好的前端文件

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

八、解压上传文件

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

九、安装python项目管理器

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

版本根据你项目来,不然很有项目不能运行

十、创建一个后端目录(最好和前端目录在一个位置)

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

十一、上传解压后端

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

记得修改数据库名字,用户名,密码

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

十二、通过python项目管理器新建项目

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

按照图片里面一步一步填写正确

这里虚拟环境需要制作几分钟

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

十三、部署一下后端域名和证书

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

十四、数据库上传

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

十五、测试访问

django和vue开发的前后端分离网站怎么部署到服务器上,django和vue前后端分离网站怎么通过宝塔部署

分享主题:
工具/资源
城市:
北京
收藏
举报
加载中…
精选评论
头像
等级0

其实部署Docker就结束了

头像
等级4

前后端分离。是开发方式。
前后端必须在一个域名下。
由反向代理,进行识别