Reactjs 如何为ASP.NETCore3.0开发环境设置React端口？

我有一个ASP.NETCore+React应用程序，它是在VisualStudio中使用模板创建的

我试图在Windows环境的固定端口上为react应用程序提供服务，以设置cors设置，但我无法实现

我尝试了下面列出的方法，但结果没有改变

• 我已经创建了一个.env文件，其中包含这样一行港口：5000'
• 我将npm命令更改为“start”：“set PORT=5000&&react scripts start”

我已经这样配置了应用程序

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";
    spa.Options.StartupTimeout = TimeSpan.FromSeconds(120);
    if (env.IsDevelopment())
    {
         spa.UseReactDevelopmentServer(npmScript: "start");
     }
 });

---

顺便说一句，对于Asp.net core的未来版本，他们在SpaOptions中添加了DevServerPort参数，但目前我无法让它工作

您可以在

Properties>launchSettings.json

上更改它

需要在

applicationUrl

的本节中进行更改：

"WebApplication1": {
  "commandName": "Project",
  "launchBrowser": true,
  "applicationUrl": "https://localhost:5001;http://localhost:5000", // CHANGE IT THIS ONE
  "environmentVariables": {
    "ASPNETCORE_ENVIRONMENT": "Development"
  }
}

---

前面的回答没有回答这个问题。UseReactDevelopmentServer在动态端口上启动NodeJs。您可以使用ProxyToSpadDevelopmentServer设置服务器和端口的位置。如前所述，在“npm start”命令中使用“set Port=5000”。这两个变化的结合应该会满足您的需求。

正如您所说，已经设置好了。但它仍然不起作用。“App”：{“commandName”：“Project”，“launchBrowser”：true，“applicationUrl”：“，”environmentVariables”：{“ASPNETCORE_环境”：“Development”}