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

  • 时间:
  • 来源:互联网
  • 文章标签:

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

  • 安装并配置django-cors-headers
  • 安装live-server 前端服务器

安装并配置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/

本文链接http://www.taodudu.cc/news/show-647473.html