修改npm脚本中的baseUrl未生效（Cypress）

• JSON导入未取到实际配置：用await import()导入JSON文件时，得通过.default才能拿到真实的配置对象，你当前直接用configFile.baseUrl会得到undefined，等于没正确读取配置文件里的baseUrl。
• 强制覆盖命令行参数：代码最后一行config.baseUrl = configFile.baseUrl直接把baseUrl锁死在配置文件的值上，完全忽略了你命令行传的--config或--env参数。
• 配置文件结构不匹配：你的development.json里baseUrl放在env对象下，但代码里直接取configFile.baseUrl，根本拿不到正确的值。

1. 修正JSON导入方式 #

修改setupNodeEvents里的导入代码，加上.default获取JSON的实际内容：

const configFile = (await import(path.join(
  config.projectRoot,
  'cypress/config',
  `${version}.json`
))).default;

const credentialsFile = (await import(path.join(
  config.projectRoot,
  'cypress/config',
  'credentials.json'
))).default;

2. 调整baseUrl优先级逻辑 #

改成优先用命令行传入的配置，没有的话再用配置文件里的值：

// 优先级：命令行--config传入的baseUrl > --env传入的 > 配置文件里的
config.baseUrl = config.baseUrl || config.env.baseUrl || configFile.env?.baseUrl;

3. 命令行参数可正常使用 #

用--config传baseUrl的命令可以直接用：

cypress open --env version=development --config baseUrl=https://google.com

用--env传的命令也能生效：

cypress:open:dev": "cypress open --env version=development,baseUrl=https://google.com"

import path from 'path';
import { defineConfig } from 'cypress';

export default defineConfig({
  e2e: {
    async setupNodeEvents(on, config) {
      const version = config.env.version || 'development';
      const configFile = (await import(path.join(
        config.projectRoot,
        'cypress/config',
        `${version}.json`
      ))).default;
      const credentialsFile = (await import(path.join(
        config.projectRoot,
        'cypress/config',
        'credentials.json'
      ))).default;

      config = {
        ...config,
        ...configFile
      };

      config.env = {
        ...config.env,
        ...credentialsFile[version]
      };

      config.baseUrl = config.baseUrl || config.env.baseUrl || configFile.env?.baseUrl;

      return config;
    },
    reporter: 'mochawesome'
  },
});

内容的提问来源于stack exchange，提问作者George