服务器之家

服务器之家 > 正文

浅谈django rest jwt vue 跨域问题

时间:2021-04-13 00:19     来源/作者:hllyzms

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

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

跨域:

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

同源:

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

流程:

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

解决方法:

安装django-cors-headers

?
1
pip install django-cors-headers

settings.py配置

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
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中间件的前一个。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/weixin_37989267/article/details/82254004

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部