通过 Cypress 测试时出现混合内容错误

Question

我正在尝试测试由我当前测试的网页加载的播放器。

手动测试时，一切都按预期工作并通过 https 进行。
但是，当我运行 cypress 测试时，播放器未加载，并且出现

Mixed Content

错误，因为它似乎通过 http 请求资源。因此播放器未加载。

我已经尝试在每个请求中添加

upgrade-insecure-requests : 1

标头并在配置中设置

chromeWebSecurity : false

，但似乎都不起作用。

编辑： 经过进一步研究，我发现了请求源的 html 脚本标签。他们的 URL 以

//

开头，cypress 似乎使用 http，而不是之前使用的协议 (https)。

有人已经经历过这种情况或找到了可行的解决方案吗？

Answer 1

我遇到了同样的问题，您可以通过在 cypress 配置文件中将“chromeWebSecurity”设置为 false 来避免此错误。

cypress.config.json

const { defineConfig } = require("cypress");
module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      // ...
    },
  },
  "chromeWebSecurity": false //add this param to your config file
});