Create Angular/React 7.0/6.0 project and use the command line to run project, the browser page always displays "Launching the spa proxy...“.

[v-zhenxue]

Azure DevOps work item: https://devdiv.visualstudio.com/DevDiv/_workitems/edit/1589160?src=WorkItemMention&src-action=artifact_link

INSTALL STEPS
Install 7.0 RC1 x64 from: Pipelines - Run 20220815.1-7.0.100-rc.1.22415.4-144791 artifacts (azure.com)
7.0 feed using: https://pkgs.dev.azure.com/dnceng/public/_packaging/7.0.100-rc.1.22415.4-shipping/nuget/v3/index.json

Testcases Affected
[7.0/6.0]SimpleWebAppWithAngularIndAuth
[7.0/6.0]SimpleWebAppWithAngularNoAuth
[7.0/6.0]SimpleWebAppWithReactIndAuth
[7.0/6.0]SimpleWebAppWithReactNoAuth

Platform

• Windows
• macOS
• Linux

Repro Steps
create and run project using command-line.
Note: Install the LTS version of Node.js which is recommended for most users.

1. dotnet new angular --auth Individual -f net7.0 -o test11
2. cd test11
3. dotnet build
4. dotnet run

Actual Result
Using the command "dotnet run", the browser page always displays "Launching the spa proxy...“,when copy url to the browser page, terminal display error:

EXPECTED
Run the project and load the page successfully.

[adityamandaleeka]

The issue here was a bug in the macOS dev-certs changes that broke the PEM export scenario that the angular/react workflows use (e.g. https://github.com/dotnet/spa-templates/blob/main/src/content/React-CSharp/ClientApp/aspnetcore-https.js#L23).

I have a fix in PR here: #43358

[adityamandaleeka]

Fixed in #43358