Angular 8升级后e2e测试中--base-href参数失效，求CLI动态设置方法

我刚梳理了Angular版本升级后E2E命令参数传递的变化，你遇到的Unknown option: '--base-href'错误，本质是Angular 8+的CLI对e2e命令的参数处理逻辑调整了——原来直接附加--base-href的方式不再被CLI识别，必须用正确的方式把参数传递给底层的Protractor。这里给你两个无需修改配置文件的动态解决方案：

方法一：用--分隔CLI命令与Protractor参数 #

Angular 8+的CLI要求，所有要传递给Protractor的自定义参数，必须放在--之后。你只需要把命令改成这样：

yarn sh-e2e -- --base-href='https://my-app.com'

这里的--是一个分隔符，告诉Angular CLI把后面的参数原封不动传递给Protractor，这样Protractor就能正确识别--base-href参数了。

方法二：通过环境变量动态配置baseUrl #

如果你的场景需要更灵活的多环境切换，比如根据不同部署环境自动调整测试URL，可以修改你的protractor.conf.js（或.ts）配置文件，让它读取环境变量的值：

// protractor.conf.js
exports.config = {
  // 其他配置...
  baseUrl: process.env.E2E_BASE_URL || 'http://localhost:4200', // 默认值可以根据需求调整
  // 其他配置...
};

然后运行E2E命令时，直接设置环境变量即可：

E2E_BASE_URL='https://my-app.com' yarn sh-e2e

这种方式的优势是不需要记忆参数格式，而且可以很方便地和CI/CD流程结合，根据不同环境变量自动切换测试地址。

补充说明 #

Angular 4时期的CLI对e2e命令的参数处理比较宽松，允许直接传递Protractor参数，但Angular 8+为了规范CLI参数与底层工具参数的边界，引入了--分隔符的机制，所以之前的命令格式才会失效。上面两种方法都能满足你动态设置测试URL的需求，不用修改angular.json配置文件。

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