djangorestframework实现前后端分离

在开始本文前，我换到了另一个项目的环境中，因为原来环境没有前端页面，无法很好的使用交互

解决跨域请求伪造问题

安装包

首先我们需要先下载django-cors-headers 包(在虚拟环境下）

pip install django-cors-headers

在settings.py 中注册

INSTALLED_APPS = [
     ...
    'corsheaders',
     .....
]

MIDDLEWARE = [
    'corsheaders.middleware.Corsmiddleware',
    ......
]
CORS_ORIGIN_WHITELIST=[
    'http://127.0.0.1:8080'
]

# 正则配置:
# CORS_ORIGIN_REGEX_WHITELIST =(r'^(https?://)?（\w+\.)?jim\.com $',)
# 或者直接允许所有主机跨域

CORS_ORIGIN_ALLOW_ALL = True

在做了以上的修改以后，我们就准备启动前端服务器了

安装前端服务器

安装node管理工具NVM

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

安装node和前端服务器live-server

nvm install node
npm install -g live-server

安装完成以后就可以开启前端服务器了

使用live-server进入前端服务器，注意最好在前端网页的路径下运行

这是开启的结构