Vue+Django项目部署详解

本地项目配置

1 复制 luffy/settings/dev.py为prop.py

修改luffy/settings/prop.py中以下几项

(1) allow_hosts

ALLOWED_HOSTS = [　　'api.youdomain.com',]

(2) 跨域白名单

CORS_ORIGIN_WHITELIST = (　　# 前端域名　　"www.youdomain.com", 　　# 后端api接口域名　　"api.youdomain.com")

(3) 支付宝电脑网站支付配置信息

ALIPAY_APPID = "xxxxxxx"APP_NOTIFY_URL = NoneALIPAY_DEBUG = True# APIPAY_GATEWAY="https://openapi.alipay.com/gateway.do"APIPAY_GATEWAY = "https://openapi.alipaydev.com/gateway.do"ALIPAY_RETURN_URL = "http://www.youdomain.com/success"ALIPAY_NOTIFY_URL = "http://api.youdomain.com:8000/payments/success"

2 修改luffy/wsgi.py文件

第14行

os.environ.setdefault("DJANGO_SETTINGS_MODULE", "luffy.settings.prop")

3 修改manage.py文件

不改也可以，为了在服务器测试方便一点

第6行

os.environ.setdefault("DJANGO_SETTINGS_MODULE", "luffy.settings.prop")

4 导出pip安装的包列表

freeze > docs/requirements.txt

5 收集静态文件

python manage.py collectstatic

6 提交并推送

git add .git commit -m "项目完成"git push -u origin master

7 前端配置修改 src/settings.js

设置后端服务器域名和端口

Host:http://api.youdomain.com:80,

8 构建

npm run build

9 提交并推送

git add .git commit -m "项目完成"git push -u origin master

服务器上配置

1 安装所需软件

yum install python36-pip.noarch python36.x86_64 python36-devel.x86_64 nginx git gcc -ypip3 install virtualenv -i https://pypi.douban.com/simple

注意：uwsig 最好使用pip方式安装

pip3 install uwsgi -i https://pypi.douban.com/simple

2 mysql数据库相关配置

(1)安装mysql

yum install mysql-server -y

或者使用容器

设置密码以及初始化配置请自行解决

(2) 启动数据库

systemctl start mysqld

(3)新建数据库luffy

create database luffy;

(4) 导入数据

mysql -uroot -pmysql luffy < luffy.sql

3 redis 安装与配置

可以使用 yum 安装并启动 ，简单粗暴！

为了使用最新版，我采用解压安装

那种方式你喜欢就好！

(1) 下载

cd /opt/wget http://download.redis.io/releases/redis-5.0.5.tar.gz