本文不介绍框架基础相关知识,只讲项目打包、项目整合、项目部署过程
本项目所使用的框架版本:django2.02、vue3
前后端项目整合
前端页面写好之后,通过vue的打包命令,将vue项目编译
npm run build
注意:在打包之前需要在vue.config.js中加上如下代码:
未加这行代码打包项目结构和已加这行代码打包后的项目结构:
将获得的dis文件夹完整拷贝,放入到django主app的同级目录下,如下:
同时需要修改主app的setting文件以及在主app的urls中,修改如下:
修改setting.py文件
修改urls.py文件
完成以下几处修改之后,就可以准备部署项目到服务器并上线了,由于本次我们的服务器是window server,所以文件传输工具选择filezilla,注意,filezilla需要在服务器上安装一个filezilla服务器,客户端安装filezilla client才能进行文件传输,具体操作流程看这个视频: 点击这里
之后就可以正常部署网站了,本次我们的服务器是window 服务器,使用的服务器软件是IIS,具体部署流程看如下两篇文章,思路完全一样:
1. 文章1
2.文章2
根据这两篇文章可以完成使用公网ip+项目运行的端口访问自己的项目,但是这两篇文章并没有说明如何绑定域名之类的,所以下面是我自己绑定域名的总结:
以上是我第一次做项目上线的小总结,有不足的地方还请各位大佬评论区指正,同时提出我自己的一些疑惑,希望有大佬可以解答
1. 我把我的域名绑定在80端口之外,就不能通过域名访问我的网站,我可以把我的域名设置在除去80端口之外吗,如果可以,怎么操作。愿意解答的大佬可以评论区回答,一定认真拜读~~~