部署前后端分离项⽬总结
1、前后端分离,vue前端提供静态页⾯,且可以向后台发起get,post等restful请求。django后台提供数据⽀撑,返回json数据,返回给vue,进⾏数据页⾯渲染。
vue向后台发起请求  get  服务器ip:8000/课程列表
django-rest-framework框架接收,“ 服务器ip:8000/课程列表 ” 请求,然后return返回⼀个json数据
{"课程列表":"python课程,linux课程",.....}
⼀、
1.先从后端搞起,部署django后台的环境依赖
-解决环境依赖的办法:
把可以正常运⾏项⽬的那个机器地下的python包,全部导出来,就可以
pip3 freeze >      把这个⽂件,传输给linux系统
linux再通过命令安装
pip3 install -r 
安装uwsgi启动后端
pip3 install uwsgi
启动⽅式1,⽤参数启动uwsgi --http  :8000  --module  luffy_boy.wsgi
启动⽅式2:⽤配置⽂件启动
touch uwsgi.ini
写⼊配置
[uwsgi]
# Django-related settings
# the base directory (full path)
chdir          = /opt/luffy_boy
# Django's wsgi file
module          = luffy_boy.wsgi
# the virtualenv (full path)
home            = /root/Envs/s17luffy
# process-related settings
# master
master          = true
# maximum number of worker processes
processes      = 1
# the socket (use the full path to be safe
socket          = 0.0.0.0:6666
# ... with appropriate permissions - may be needed
# chmod-socket    = 664
# clear environment on exit
vacuum          = true
⼆、
1、前端代码vue打包搞起
①、准备node环境,下载node环境包
wget /download/release/v8.6.0/node-v8.6.
②、解压缩node包
tar -zxvf node-v8.6.
③、添加node到环境变量
PAHT="node环境"
④、开始编译打包前端vue⽂件
1.修改vue提交的请求地址,修改⽂件是
/opt/前端⽂件/src/restful/api.js
2.更改接⼝内的地址
原本是 127.0.0.1:8000/
改成服务器的ip地址+端⼝
sed -i "s/127.0.0.1/192.168.29.136/g"  /opt/前端⽂件/src/restful/api.js
此时进⼊vue代码的第⼀层⽂件夹
cd /opt/vue⽂件名
3.安装node模块,这是到package.json,安装它的内容
npm install (出现err后把vue⽂件删除,重新解压,开始④步骤)
如果多次出现err,换台电脑打包dist⽂件,
4.编译打包vue代码,这⼀步会⽣成dist静态⽂件夹,⽤于nginx展⽰,前端页⾯都在这了
npm run build
5.配置nginx去到这个前端vue页⾯
修改f  参数如下
虚拟主机1,⽤于到vue页⾯
server {
listen      80;
server_name  s17dnf;
location / {
root  /opt/s17luffy/dist;
index index.html;
}
}
虚拟主机2,⽤于反向代理,到django server{
listen 8000;
server_name  192.168.11.250;
location / {django前端模板
include uwsgi_params;
uwsgi_pass 0.0.0.0:6666;
}
}
6.重启nginx使得配置⽣效
nginx -s reload
7、启动redis数据库,⽀撑数据
f