[BUG] Using App Insights connection string leads to double slash

[vincent-fortum]

Description/Screenshot

When using an Application Insights connection string, the tracking url contains a double forward slash. This is an issue because it conflicts with our CSP headers:

Content-Security-Policy: The page’s settings blocked the loading of a resource at https://westeurope-5.in.applicationinsights.azure.com//v2/track (“connect-src”).

Of course we can whitelist the url with the double forward slash but I think this should rather be fixed at the source.

Steps to Reproduce

• OS/Browser: MacOS / Firefox 117.0 (shouldn't matter)
• SDK Version [e.g. 22]: @microsoft/applicationinsights-web 2.8.9
• How you initialized the SDK:

AI_CONNECTION_STRING=$(az monitor app-insights component show --resource-group $RG --app $AI --query connectionString)
# connection string contains IngestionEndpoint=https://westeurope-5.in.applicationinsights.azure.com/

new ApplicationInsights({
  config: {
    connectionString: process.env.AI_CONNECTION_STRING,
    enableAutoRouteTracking: true,
    extensions: [new ReactPlugin()],
  },
})

Expected behavior

Requests are made with a single forward slash

- https://westeurope-5.in.applicationinsights.azure.com//v2/track
+ https://westeurope-5.in.applicationinsights.azure.com/v2/track

Additional context

[MSNev]

@siyuniu-ms this seems vaguely familiar can you please check if this has been addressed in later v2.x and v3.x releases and if not we will schedule work to sanitize the inbound connection string.

[siyuniu-ms]

The problem could be reproduced in current v3.x. A task is made to fix this bug.

[MSNev]

Fixed and released with v3.0.4, waiting for backporting to 2.8.x