如何处理两个网站的一个后端CSRF问题在一个浏览器？

Question

如何在一个浏览器中处理独立家庭网站和管理网站CSRF问题？在

我们为它编写了一个家庭网站前端和一个管理网站前端（有两个前端），在前端使用JavaScript。
因为这两个站点都很大，所以我们在Nginx中把它们作为vhost。它们是两个地点。我使用Python（Django）编写一个后端，两个站点都调用一个后端。在

主页使用Nginx的default.conf，管理网站使用vhosts/admin.conf。在

这是测试域：

http://www.ajw123.xyz作为主页。
http://admin.ajw123.xyz作为管理网站。在

我的问题是当我在浏览器中使用主页上的帐户登录时：

然后我用这个账号登录到管理员网站（或其他账号），抛出CSRF Token错误：

您可以看到csrftoken两者都是：

csrftoken=L5bRGEXDvW9dJaXsanLlMTOrxxGpxJCw6vji1zQtjzYrskOq0FBjQtfkhvFKFDmj; 

在预览中：

CSRF Failed: CSRF token missing or incorrect.

我将Django Rest框架用于restapi，我们的前端同事编写了两个站点（一个是普通用户的前端和后端站点，另一个是管理员的后端站点），并且都在使用我的restapi。在

Answer 1

谢谢@cezar和@johnmutafis，我读了CORS的文档：

Cross-Origin Resource Sharing is a mechanism for allowing clients to interact with APIs that are hosted on a different domain. CORS works by requiring the server to include a specific set of headers that allow a browser to determine if and when cross-domain requests should be allowed.

然后我安装了django-cors-headers，并使用它。在

我设置CORS_ORIGIN_WHITELIST：

CORS_ORIGIN_WHITELIST = (
    'http://10.10.10.102:8000', # normal user site
    'http://10.10.10.102:8080', # admin backend site
)

现在它工作得很好。在

再次感谢你。在