能否通过index.html文件路径设置Cypress的baseUrl？

不能直接用本地文件路径设置Cypress的baseUrl，因为Cypress对baseUrl的要求是必须是带http://或https://前缀的完整HTTP服务地址，本地绝对路径或者file://协议的路径都不符合它的校验规则。你之前加http://前缀后变成http://C:/cypress-project-name/src/index.html，这并不是一个可正常访问的HTTP服务，所以仍然无法工作。

下面是两种可行的解决办法：

方法1：启动本地静态服务器（推荐） #

通过启动一个本地静态服务器来托管你的src文件夹，这样就能用HTTP地址作为baseUrl了：

1. 先安装一个静态服务器工具，比如http-server：

   npm install -D http-server
   

2. 修改cypress.config.js，配置baseUrl并让Cypress在测试前后自动启动/关闭服务器：

   const { defineConfig } = require('cypress');
   const httpServer = require('http-server');
   let server;
   
   module.exports = defineConfig({
     e2e: {
       baseUrl: 'http://localhost:8080',
       setupNodeEvents(on, config) {
         // 测试前启动服务器，指定src为根目录
         on('before:run', () => {
           server = httpServer.createServer({ root: './src' });
           server.listen(8080);
         });
         // 测试结束后关闭服务器
         on('after:run', () => {
           server.close();
         });
       },
     },
   });
   

3. 之后在测试里直接用cy.visit('/')就能访问index.html了，因为baseUrl已经指向了托管src的服务器根目录。

方法2：直接用file://协议访问本地文件（不推荐） #

如果不想启动服务器，可以在测试中直接用cy.visit()加载本地文件，但这种方式会限制部分Cypress功能（比如跨域相关特性）：

cy.visit(`file://${Cypress.config('projectRoot')}/src/index.html`);

这种情况下baseUrl不需要配置，直接在cy.visit里写完整的file://路径即可。

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