部署前后端分离项目

1.先从后端搞起,部署django后台的环境依赖

-解决环境依赖的办法：

　　1.可以挨个的解决报错

　　2.把可以正常运行路飞哪个机器地下的python包，全部导出来，就可以

　　　　pip3 freeze > requirements.txt

　　3.把这个文件，传输给linux系统

　　　　linux再通过命令安装

　　　　pip3 install -r requirements.txt


3.通过模块依赖文件，直接安装，着是从讲师机器上下载的

手动创建依赖文件，然后写入

(s17luffy) [root@master luffy_boy]# cat requirements.txt

certifi==2018.11.29

chardet==3.0.4

crypto==1.4.1

Django==2.1.4

django-redis==4.10.0

django-rest-framework==0.1.0

djangorestframework==3.9.0

idna==2.8

Naked==0.1.31

pycrypto==2.6.1

pytz==2018.7

PyYAML==3.13

redis==3.0.1

requests==2.21.0

shellescape==3.4.1

urllib3==1.24.1

uWSGI==2.0.17.1

4.安装uwsgi启动路飞后端

　　pip3 install uwsgi

启动方式1，用参数启动uwsgi --socket :6666 --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/my_django02
# 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

启动:用配置方式启动:

uwsgi --ini uwsgi.ini

2.从前端代码vue打包搞起
　　1.准备node环境 ，下载node环境包

　　　　wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz

　　2.解压缩node包

　　　　tar -zxvf node-v8.6.0-linux-x64.tar.gz

　　3,添加node到环境变量

　　　　PAHT="node环境"

进入环境变量:

vim /etc/profile
/opt/node-v8.6.0-linux-x64/bin

环境变量生效:
source /etc/profile

4.开始编译打包前端vue文件
1.修改vue提交的请求地址，修改文件是

　　/opt/07-luffy_project_01/src/restful/api.js

2.更改接口内的地址

原本是 127.0.0.1:8000/

改成服务器的ip地址+端口

　　sed -i "s/127.0.0.1/192.168.11.250/g" /opt/07-luffy_project_01/src/restful/api.js

此时进入vue代码的第一层文件夹

cd /opt/07-luffy_project_01

3.安装node模块，这是找到package.json，安装它的内容

　　npm install

4.编译打包vue代码，这一步会生成dist静态文件夹，用于nginx展示，路飞的页面都在这了

　　npm run build

5.配置nginx去找到这个路飞学城页面

修改nginx.conf 参数如下

虚拟主机1，用于找到vue页面

server {
listen 80;
server_name s17dnf.com;
location / {
root /opt/s17luffy/dist;
index index.html;
}
}
虚拟主机2，用于反向代理，找到django

server{
listen 8000;
server_name 192.168.11.250;

location / {
include uwsgi_params;
uwsgi_pass 0.0.0.0:6666;
}

}

6.重启nginx使得配置生效

3.启动redis数据库，支撑购物车数据

　　redis-server redis.conf

4.确保前端vue正常，后端django正常，nginx启动正常，redis启动正常，在windows中访问页面

5.确保可以添加购物车数据，用户登陆

来源：oschina

链接：https://my.oschina.net/u/4262536/blog/3614854