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

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

一、提前准备

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

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

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

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

前端:dvlvyou.ake666.com

后端:dvlvyouhd.ake666.com

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

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

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

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

把后端域名写到这里

三、打包一下前端项目

npm run build

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

四、宝塔新建前端服务器

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

五、证书新建一下

六、删除没有用的文件

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

八、解压上传文件

九、安装python项目管理器

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

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

十一、上传解压后端

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

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

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

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

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

十四、数据库上传

十五、测试访问

相关推荐
只会写Bug16 分钟前
后台管理项目中关于新增、编辑弹框使用的另一种展示形式
前端·vue.js
源码之家20 分钟前
计算机毕业设计:Python农产品销售数据可视化分析系统 Django框架 数据分析 可视化 大数据 大模型 机器学习(建议收藏)✅
python·信息可视化·数据分析·django·flask·课程设计
念何架构之路40 分钟前
图解常见网络I/O复用模型
服务器·网络·php
M ? A1 小时前
Vue v-bind 转 React:VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
j_xxx404_1 小时前
万字长文爆肝:彻底弄懂Linux文件系统(Ext2),从Inode、Block到Dentry核心机制全解析
linux·运维·服务器
军军君011 小时前
数字孪生监控大屏实战模板:政务服务大数据
前端·javascript·vue.js·typescript·前端框架·echarts·less
Zn_lunar1 小时前
autodl tizi+codex cli
运维·服务器·网络
@insist1231 小时前
网络工程师-实战配置篇(一):深入 BGP 与 VRRP,构建高可靠网络
服务器·网络·php·网络工程师·软件水平考试
楼田莉子1 小时前
同步/异步日志系统:日志器管理器模块\全局接口\性能测试
linux·服务器·开发语言·c++·后端·设计模式
奇妙之二进制1 小时前
zmq源码分析之io_thread_t
linux·服务器