前后端分离项目之python后端部署前的操作

前后端分离项目后端部署

---

• 前端：VUE+webpack打包+vue-router路由
• 后端：python+django

前端项目结构

前端项目操作目录

前端打包

npm run build

生成打包后目录dist文件夹

直接点进去index.html是空白页,打包后给后端

后端目录

settings配置

然后正常部署就可以了

附录部署

我使用的是supervisor+nginx


supervisor用来管理项目进程,当有多个项目需要部署时，可以将项目启动内容写入supervisord.conf文件统一管理，后台运行项目


nginx可以将项目运行端口转发到用户可以打开的网站端口

# 1.先确定项目在本地运行没有问题，上传到git
# 2.在服务器内git pull你的项目，使用virtualenv创建个虚拟环境
virtualenv env
# 3.进入项目,安装依赖
pip -r requirements.txt
# 4.尝试运行项目，保证项目在服务器中也能运行
python manage.py runserver

类似于这样

# 5.nginx转发这个端口
cd /etc/nginx/site-avaliable
touch mynginx
vi mynginx

添加下边配置 将8000端口转发到二级域名的80端口

server {
    listen      80;
    server_name super.s001.xin;
    location / {
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

# 6.用软链接将mynginx与nginx配置建立连接
ln -s /etc/nginx/sites-available/mynginx /etc/nginx/sites-enabled
# 7.重启nginx
nginx -s reload
# 到这步为止项目已经可以打开链接访问了
# 8.使用supervisor将项目挂到后台运行
vi /etc/supervisor/supervisord.conf

;加在文件最下边
[program:super]
command=/home/su/bin/python manage.py runserver  ;项目启动命令 
directory=/home/super	；项目启动地址
redirect_stderr=true          
stdout_logfile=/tmp/super.log     ;日志地址，名字最好与program名相同

# 启动
supervisord
# 进入supervisorctl
supervisorctl

项目github地址

https://github.com/ZHAISHENKING/super
查看demo
?这里