令牌如何防止csrf攻击？

Question

我读过关于CSRF和不可预测的同步令牌模式是如何用来防止它的。我不太明白它是如何工作的。

让我们以这个场景为例：

用户使用以下表单登录到站点：

<form action="changePassword" method="POST">
   <input type="text" name="password"><br>
   <input type="hidden" name="token" value='asdjkldssdk22332nkadjf' >
</form>

服务器还将令牌存储在会话中。发送请求时，它将表单数据中的令牌与会话中的令牌进行比较。

当黑客可以编写JavaScript代码时，如何防止CSRF：

1. 发送GET请求到站点
2. 接收包含请求表单的html文本。
3. 在html文本中搜索CSRF令牌。
4. 使用该令牌发出恶意请求。

我错过了什么？

Answer 1

重要的是要认识到CSRF攻击只发生在浏览器中。恶意服务器使用用户与目标服务器的会话伪造请求。那么#1是如何发生的呢？两种选择：您可以从恶意服务器发出#1请求，但这只会返回服务器会话的CSRF令牌，或者您可以使用AJAX发出#1请求，正如您正确识别的那样，这将返回受害用户的CSRF令牌。

正是出于这个原因，浏览器实现了HTTP访问控制。您必须使用accesscontrolalloworigin标题来限制哪些域可以向您的服务器发出AJAX请求。换句话说，您的服务器将确保浏览器不会让恶意网站这样做。不幸的是，我读到的关于这个问题的文档并不十分清楚，但我认为这是因为服务器默认情况下不会发送Access Control Allow Origin头，除非配置为这样做。如果确实需要允许AJAX请求，则必须信任标头中的任何来源以不执行CSRF攻击，可以有选择地锁定应用程序的敏感部分以不允许AJAX请求，或者使用其他访问控制-*标头来保护自己。

使用同步器令牌是应用程序可以依赖同源策略的一种方式，通过维护秘密令牌来验证请求来防止CSRF

https://www.owasp.org/index.php/Cross-Site_Request_Forgery_（CSRF）\预防措施\备忘单

您应该阅读跨源资源共享（CORS）。

Answer 2

攻击者无法使用JavaScript从站点读取令牌，因为这将是一个跨源请求，对其数据的访问被相同源策略（MDN，W3C）阻止（默认情况下）。

以这个为例：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://google.com");
xhr.addEventListener('load', function (ev) {
    console.log(this.responseText);  
});
xhr.send();