跨域就这么点事儿

最新推荐文章于 2024-08-12 21:01:39 发布

教IT的小王A

最新推荐文章于 2024-08-12 21:01:39 发布

阅读量838

点赞数 23

文章标签：前端安全

本文链接：https://blog.csdn.net/A_991128a/article/details/138676526

版权

这篇文章主要介绍跨域方面的知识。

说跨域之前先说说同源策略，同源策略是一种约定，几乎所有现代浏览器都遵循了这种约定，它也是一种安全策略，确保非同源的请求无法随意请求，从而保证了网站的安全。同源需要保证协议，域名，端口都相同，只要有一个不同，那么他们就不是同源的。虽然同源策略保证了安全性，但有时候我们确实需要非同源之间相互访问，比如在前后端分离的项目中，前端和后端的地址分别为https://xwchris.me和https://api.xwchris.me。非同源之间跨域访问就要用到CORS跨域方法。CORS全称Cross Origin Resource Sharing即跨域资源共享。

CORS跨域相关头部

以下是几种与跨域相关的头部，及简单的介绍。

Access-Control-Allow-Headers（请求头，响应头，预请求）（携带Cookie情况下不能为*）
Access-Control-Allow-Methods（请求头，响应头，预请求）（携带Cookie情况下不能为*）
Access-Control-Allow-Origin（响应头，预请求/正常请求）（携带Cookie情况下不能为*）
Access-Control-Allow-Credentials（响应头，预请求/正常请求）（携带Cookie情况下要设置为true）
Access-Control-Max-Age（响应头，预请求）（单位s）

简单请求的CORS

简单请求要满足以下条件：

1.请求方法必须是GET、HEAD和POST其中的一个
2.HTTP信息不能超过以下几种字段Accept、Accept-Language、Content-Language、Last-Event-ID和Content-Type且Content-Type的值只限于application/x-www-form-urlencoded、multipart/form-data和text/plain。

浏览器发送简单请求时会自动在请求头部添加Origin字段，代表访问源。

要支持CORS访问需要服务器在响应头中添加Access-Control-Allow-Origin，可以使用*来表示允许所有域跨域访问。

非简单请求的CORS

非简单请求与简单请求最大的不同在于，它有一次预请求preflight的过程，只有这次请求校验通过，才能发送正常的请求。

预请求

预请求是OPTIONS请求，浏览器会自动添加Access-Control-Allow-Headers和Access-Control-Allow-Methods。

需要服务器返回的响应头包括Access-Control-Allow-Headers、Access-Control-Allow-Methods和Access-Control-Allow-Origin。

除了Access-Control-Allow-Origin是必须的之外，其他两种只有在不符合简单请求需要的时候服务器才需要添加，比如在简单请求的基础上自定义了一个请求头X-xx-name: chris，那么服务器只需要在响应头中添加Access-Control-Allow-Headers。每种响应头都可以使用*通配符来表示所有。

正常请求

预请求完之后就可以发送正常请求了，正常请求的步骤与简单请求一致，也需要添加Access-Control-Allow-Origin响应头。

减少预请求次数

可以通过设置Access-Control-Max-Aage来减少预请求的次数，需要包含在预请求的响应头中，指定在该时间内预请求验证有效，不必每次都进行预请求，它的单位是s。如Access-Control-Max-Age: 1728000，即有效期为20天。

携带Cookie的请求

默认情况下，跨域请求不会携带Cookie，如果要携带Cookie进行跨域请求需要请求方和接收方同时支持。为了支持携带Cookie需要在请求的时候由开发者手动指定请求对象xhr.withCredentials=true。服务器响应头需要包含Access-Control-Allow-Credentials: true，如果是非简单请求，预请求也需要包含该头部。

这里需要注意的是，在这种情况下所有需要的响应头的值都不能是*，在需要的情况下都需要明确指定。

其他跨域方法

除了CORS，我们还可以使用JSONP技术来进行跨域，这是一种很古老的Hack。我们都是知道script标签可以访问任何域下的脚本，因此可以利用这种方法来进行跨域，这需要服务器进行配合。举个栗子🌰：

<script type="text/javascript"> function getName(name) {
		console.log(name);
	} </script>
<script src="http://api.xxx.com?callback=getName"></script>

请求服务器后服务器需要拿到callback字段的值，然后将要返回的值变成JSON，放入getName中。最终返回的值x像这个形式;getName({"name": "chris"})，这样getName函数就可以就可以拿到相应的值。

JSONP相比CORS，只能进行GET请求，但是兼容性好一些。不过现代浏览器基本上都支持了CORS请求，可以放心食用。原文地址：传送门学习网络安全技术的方法无非三种:

第一种是报网络安全专业，现在叫网络空间安全专业，主要专业课程:程序设计、计算机组成原理原理、数据结构、操作系统原理、数据库系统、计算机网络、人工智能、自然语言处理、社会计算、网络安全法律法规、网络安全、内容安全、数字取证、机器学习，多媒体技术，信息检索、舆情分析等。

第二种是自学，就是在网上找资源、找教程，或者是想办法认识一-些大佬，抱紧大腿，不过这种方法很耗时间，而且学习没有规划，可能很长一段时间感觉自己没有进步，容易劝退。

如果你对网络安全入门感兴趣，那么你需要的话可以点击这里👉网络安全重磅福利：入门&进阶全套282G学习资源包免费分享！

第三种就是去找培训。

接下来，我会教你零基础入门快速入门上手网络安全。

网络安全入门到底是先学编程还是先学计算机基础？这是一个争议比较大的问题，有的人会建议先学编程，而有的人会建议先学计算机基础，其实这都是要学的。而且这些对学习网络安全来说非常重要。但是对于完全零基础的人来说又或者急于转行的人来说，学习编程或者计算机基础对他们来说都有一定的难度，并且花费时间太长。

第一阶段：基础准备 4周~6周

这个阶段是所有准备进入安全行业必学的部分，俗话说：基础不劳，地动山摇

第二阶段：web渗透

学习基础时间：1周 ~ 2周：

① 了解基本概念：（SQL注入、XSS、上传、CSRF、一句话木马、等）为之后的WEB渗透测试打下基础。
② 查看一些论坛的一些Web渗透，学一学案例的思路，每一个站点都不一样，所以思路是主要的。
③ 学会提问的艺术，如果遇到不懂得要善于提问。

配置渗透环境时间：3周 ~ 4周：

① 了解渗透测试常用的工具，例如（AWVS、SQLMAP、NMAP、BURP、中国菜刀等）。
② 下载这些工具无后门版本并且安装到计算机上。
③ 了解这些工具的使用场景，懂得基本的使用，推荐在Google上查找。

渗透实战操作时间：约6周：

① 在网上搜索渗透实战案例，深入了解SQL注入、文件上传、解析漏洞等在实战中的使用。
② 自己搭建漏洞环境测试，推荐DWVA，SQLi-labs，Upload-labs，bWAPP。
③ 懂得渗透测试的阶段，每一个阶段需要做那些动作：例如PTES渗透测试执行标准。
④ 深入研究手工SQL注入，寻找绕过waf的方法，制作自己的脚本。
⑤ 研究文件上传的原理，如何进行截断、双重后缀欺骗(IIS、PHP)、解析漏洞利用（IIS、Nignix、Apache）等，参照：上传攻击框架。
⑥ 了解XSS形成原理和种类，在DWVA中进行实践，使用一个含有XSS漏洞的cms，安装安全狗等进行测试。
⑦ 了解一句话木马，并尝试编写过狗一句话。
⑧ 研究在Windows和Linux下的提升权限，Google关键词：提权

以上就是入门阶段