Cypress not able to call http xhr on different localhost port

[hboumedane]

Current behavior

I'm running and angular app (angular 18) in dev mode (npm run start), the app runs on http://localhost:4200/.
I have a simple Cypress test to visit the home page and check the title of the app.
When running the test: (cypress open --browser chrome), my app is not able to call public API of the backend that is running on http://localhost:16105/.
If I use curl to call the endpoint directly, the endpoint works correctly.
The angular app is calling multiple public API when loading and the problem occur on each.

cypress.config.ts

import { defineConfig } from 'cypress';

export default defineConfig({
  projectId: "XXXXX",
  defaultCommandTimeout: 10000,
  requestTimeout: 10000,
  chromeWebSecurity: false,

  retries: {
    runMode: 3,
    openMode: 0,
  },

  e2e: {
    baseUrl: 'http://localhost:4200',
    experimentalStudio: true,
    excludeSpecPattern: "*.js",
    specPattern: ["cypress/e2e/**/+(all.ts|*.cy.ts)", "cypress/e2e/**/**/*.cy.ts)"],
  },
});

Desired behavior

No response

Test code to reproduce

here the cypress e2e test :

describe("Home Page", () => {

 it("check the title", () => {
    cy.visit("/home");
    cy.wait(100);
    cy.title().should("eq", "DLCM");
  });
});

Cypress Version

13.15.0

Node version

v20.18.0

Operating System

Ubuntu 22

Debug Logs

No response

Other

No response