如何在Cypress中对baseUrl的端口号进行参数化？

当然可以实现端口参数化，下面给你几种实用方案，同时澄清下你提到的--port命令行标志的实际用途：

一、用环境变量动态设置baseUrl #

这是最常用的方式，你可以通过命令行传递端口号，在Cypress配置文件中动态拼接baseUrl：

1. 命令行传递端口：
   运行Cypress时，通过环境变量指定端口：

   # Linux/macOS
   CYPRESS_APP_PORT=3001 npx cypress run
   
   # Windows（PowerShell）
   $env:CYPRESS_APP_PORT=3001; npx cypress run
   

2. 在配置文件中读取并拼接：
   修改cypress.config.js，用环境变量值替换固定端口，同时保留默认值（比如3000）：

   const { defineConfig } = require("cypress");
   
   module.exports = defineConfig({
     e2e: {
       baseUrl: `http://localhost:${process.env.CYPRESS_APP_PORT || 3000}`,
       // 其他e2e配置项
     },
   });
   

二、用Cypress的--env参数传递端口 #

如果不想用系统环境变量，也可以用Cypress自带的--env参数传递：

1. 命令行传递：

   npx cypress run --env appPort=3001
   

2. 配置文件中读取：
   修改cypress.config.js，通过Cypress.env()获取参数：

   const { defineConfig } = require("cypress");
   
   module.exports = defineConfig({
     e2e: {
       baseUrl: `http://localhost:${Cypress.env('appPort') || 3000}`,
       // 其他e2e配置项
     },
   });
   

关于--port命令行标志的说明 #

你提到的--port参数是用来设置Cypress自身服务的端口（比如打开Cypress GUI时，浏览器访问的Cypress Dashboard端口，默认是随机端口），和你要测试的应用端口完全无关。所以不能通过这个标志来传递或获取应用的端口号，别搞混了。

测试文件中如何获取当前端口 #

如果测试代码里需要用到当前端口，可以直接从baseUrl解析，或者读取环境变量：

// 从baseUrl解析端口
const currentPort = Cypress.config('baseUrl').split(':')[2];

// 直接读取环境变量
const currentPort = Cypress.env('appPort') || 3000;

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