Fiddler跨域调试及Django跨域处理

——————·今天距2021年267天·——————

这是ITester软件测试小栈第109次推文

在上一篇Fiddler系列文章：Fiddler设置断点(一)，主要介绍了通过Automatic BreakPoints设置断点，以下主要介绍Fiddler跨域调试及Django跨域处理。

一

为什么会出现跨域问题

简单来说，是出于浏览器的同源策略限制。同源策略是一种约定，它是浏览器最核心、也最基本的安全功能，Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的JavaScript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。

        

二

什么是跨域

当一个请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同即为跨域。

三

跨域请求重现

①启动一份前端Vue代码，本地地址是:   http://127.0.0.1:8080/

②启动一份后端Django代码，本地地址是:  http://127.0.0.1:8000/

③在登录页面输入账号密码，点击登录时，发现请求报错，聪明的小伙伴可能发现问题了，没错，跨域了。