当前位置: 移动技术网 > IT编程>脚本编程>Python > 浅谈django rest jwt vue 跨域问题

浅谈django rest jwt vue 跨域问题

2018年11月05日  | 移动技术网IT编程  | 我要评论

功夫树蛙打自卫拳,8l9845,2014年mama音乐盛典

django rest framework 使用 router 注册url时,访问接口 包302错误 可能是因为请求url 写法有问题,

如请求 /api/login/ 报302 ,需要去掉后面的反斜杠,正确写法 /api/login 请求跨域:

跨域:

简单来说就是 a 网站的 javascript 代码试图访问 b 网站,包括提交内容和获取内容。这显然是不安全的。为此,浏览器的鼻祖:网景(netscape)公司提出了优秀的解决方案:著名的浏览器同源策略。现在所有支持javascript的浏览器都会使用这个策略。

同源:

域名、协议、端口均相同的网站即为同源。

流程:

当一个浏览器的两个tab页分别打开百度和谷歌页面时,百度发起一个脚本执行,此时浏览器会检查该脚本属于哪个页面。即检查是否同源。只有和百度同源的脚本才会被执行。若非同源,在请求数据时,浏览器会在控制台报一个异常。提示拒绝访问。

解决方法:

安装django-cors-headers

 pip install django-cors-headers

settings.py配置

 installed_apps = [

  ...

  "corsheaders",

...

]

 

middleware_classes = (

  ...

"corsheaders.middleware.corsmiddleware",

"django.middleware.common.commonmiddleware", # 注意顺序

...

)

# 跨域增加忽略

cors_allow_credentials = true

cors_origin_allow_all = true

cors_origin_whitelist = (

  "*"

)

 

cors_allow_methods = (

  "delete",

  "get",

  "options",

  "patch",

  "post",

  "put",

  "view",

)

 

cors_allow_headers = (

  "xmlhttprequest",

  "x_filename",

  "accept-encoding",

  "authorization",

  "content-type",

  "dnt",

  "origin",

  "user-agent",

  "x-csrftoken",

  "x-requested-with",

)

解决

通过以上配置,即可完美解决django跨域请求处理。

需要注意的就是cors - headers的中间件corsmiddleware在注册时必须放在django - common中间件的前一个。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网