Google chrome 如何在Chrome开发工具中查看通过AJAX CORS请求设置的cookie？

我在Chrome中看到了相当混乱的行为。我通过跨源AJAX请求设置的Cookie不会显示在浏览器的开发工具检查器中。我确信它们已经被设置好了，但是无法在本地查看它们

我想使用Chrome开发工具来查看API设置的cookie 我的前端是SPA，托管在与我的（Rails）API不同的服务器上。在本地测试时，它们只是不同的端口：一个在

locahost:3000

上，另一个在

localhost:4200

上。为了能够在API请求中使用Cookie，我将服务器端CORS策略设置为允许使用凭据

。在客户机上，我已将我的（角度）跨原点请求设置为头
withCredentials=true

我已经验证了服务器实际上正在将cookie发送到浏览器
当我向服务器发出请求时，服务器会设置cookie，我可以在响应标题中看到它：


…但它不会出现在Chrome开发工具（或Safari）中

我知道它已成功设置，因为它会在后续请求中显示
我本以为cookie设置失败，但当我检查API的下一个请求时，我可以在Chrome中的请求负载中看到cookie：


它还显示在（Rails）服务器上的
request.cookies

pry> request.cookies
=> {
 "my_cookie"=>"its value"}

为什么我不能用铬来检查这块饼干？
有没有一种方法可以绕过它——用铬合金还是用不同的检查员？我只是想要一种查看和验证这些cookies的方法。
cookies由客户端应用程序在浏览器上设置，从您的屏幕截图来看，您正在检查端口4200上的服务器，而不是在端口3000上运行的客户端应用程序。
cookies由客户端应用程序在浏览器上设置，从您的屏幕截图来看，您正在检查端口4200上的服务器，而不是在端口3000上运行的客户端应用程序。这是一个很好的想法，我也考虑过这一点，但我不认为cookie是针对某个端口设置的。此外，我还尝试直接访问localhost:3000上的API来检查它们，但它们仍然没有出现：/这是一个好主意，我也考虑过同样的问题，但我不认为cookie是针对某个端口设置的。此外，我还尝试直接访问localhost:3000上的API来检查它们，但它们仍然没有显示：/