DRF跨域请求解决之django-cors-headers的使用

安装并配置django-cors-headers

在使用django-rest-framework开发项目的时候我们总是避免不了跨域的问题，因为现在大多数的项目都是前后端分离，前后端项目部署在不同的web服务器上，因为我们是后端程序员，因此我要通过后端的程序实现跨域。当然如果前端框架是Vue的话，则可以代理服务实现跨域，我也就知道一点点，如果有兴趣，大家可以自行搜索哦。

DRF后端实现跨域我们使用一个第三方扩展——— 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 默认为False
# 一般情况下，我们配置这些就足够，当然最为一个出名的扩展，肯定做的很完美，更多的配置，

安装live-server 前端服务器

安装node版本管理工具之NVM：

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

然后安装node和live-server：
注意live-server这一步要在要启动的网页所在的文件夹，启动服务器

nvm install node
npm install -g live-server
live-server 

配置完成。还有问题可以看：https://github.com/ottoyiu/django-cors-headers/