auth0 - Cypress 无法使用新的 auth0-spa-js 包请求 API 或显示内容

Question

我尝试使用新包 ( https://github.com/auth0/auth0-spa-js ) 登录到 Auth0。

尝试 1:我确实尝试了使用 cy.request() 的最佳实践但看起来像新的 auth0-spa-js package 现在在请求 URL 中需要一个随机状态字符串(我没有，它是从 loginWithRedirect 函数生成的)。所以我不能在 Auth0 的 API 中调用登录

尝试 2:我设置了 "chromeWebSecurity": false , 我点击登录按钮 -> 我的网站被重定向到 Auth0 页面，URL 加载正确但 Auth0 拒绝显示' auth0 url ' 在框架中，因为祖先违反了以下内容安全策略指令:“frame-ancestors 'none'”。

各位大侠有什么解决办法吗？

Answer 1

目前，这是我的解决方法。

在 Cypress 配置中禁用 Chrome 安全性。

通过auth0页面登录(我们将重定向到登录页面并退出，因为我无法在新的auth0包中生成随机状态:auth0-spa-js)

注意:如果您不是 auth0 中的自定义登录页面，请使用通用登录中的经典页面。我发现 Auth0 登录页面的新 UI 有很多安全增强功能，可以防止我们在 iframe 中渲染 auth0。 (如下图)

Auth0 seting

然后，转到 Auth0 -> 租户设置 -> 高级 -> 启用点击劫持保护以允许 auth0 在 iframe 中加载。

Enalbe Clickjacking

好的，这是我为使其工作所做的所有步骤。希望这对你有帮助