ASP.NET Core Web API集成ReactJs遭遇ERR_SSL_PROTOCOL_ERROR求助
集成React的ASP.NET Web API项目出现ERR_SSL_PROTOCOL_ERROR的解决求助
我创建了集成ReactJS的ASP.NET Web API项目,但运行后出现ERR_SSL_PROTOCOL_ERROR,不知如何解决。
操作步骤
- 创建ASP.NET CORE WEB API(6.0)项目
- 创建名为
client的文件夹 - 执行命令:
npx create-react-app . - 以下是相关配置文件及代码内容:
launchSettings.json
{ "$schema": "https://json.schemastore.org/launchsettings.json", "iisSettings": { "windowsAuthentication": false, "anonymousAuthentication": true, "iisExpress": { "applicationUrl": "http://localhost:63871", "sslPort": 44382 } }, "profiles": { "WebApplication1": { "commandName": "Project", "dotnetRunMessages": true, "launchBrowser": true, "launchUrl": "", "applicationUrl": "https://localhost:7018;http://localhost:5028", "environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" } }, "IIS Express": { "commandName": "IISExpress", "launchBrowser": true, "launchUrl": "", "environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" } } } }
appsettings.json
{ "Logging": { "LogLevel": { "Default": "Information", "Microsoft.AspNetCore": "Warning" } }, "AllowedHosts": "*" }
program.cs
using Microsoft.AspNetCore.SpaServices.ReactDevelopmentServer; var builder = WebApplication.CreateBuilder(args); builder.Services.AddEndpointsApiExplorer(); builder.Services.AddSpaStaticFiles(configuration => { configuration.RootPath = "client/build"; }); var app = builder.Build(); app.UseStaticFiles(); app.UseSpaStaticFiles(); app.UseSpa(spa => { spa.Options.SourcePath = "client"; if (app.Environment.IsDevelopment()) { spa.UseReactDevelopmentServer(npmScript: "start"); } }); app.UseHttpsRedirection(); app.Run();
项目文件 (.csproj)
<Project Sdk="Microsoft.NET.Sdk.Web"> <PropertyGroup> <TargetFramework>net6.0</TargetFramework> <Nullable>enable</Nullable> <ImplicitUsings>enable</ImplicitUsings> </PropertyGroup> <ItemGroup> <PackageReference Include="Microsoft.AspNetCore.SpaServices.Extensions" Version="6.0.16" /> <PackageReference Include="Swashbuckle.AspNetCore" Version="6.2.3" /> </ItemGroup> <ItemGroup> <Folder Include="client\" /> </ItemGroup> </Project>
实际报错截图


恳请各位帮忙,我该如何解决这个问题?
内容的提问来源于stack exchange,提问作者Teja
相关产品推荐
相关产品推荐

