部署前后端分离项⽬总结
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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。