ERR_CONNECTION_REFUSED Asp.Net核心+ Angular 10_Plesk Linux ASP.NET核心ERR_CONNECTION_REFUSED_使用Docker的"ERR_CONNECTION_REFUSED“Angular和dotnet核心WebApi - 腾讯云开发者社区

ERR_CONNECTION_REFUSED Asp.Net核心+ Angular 10

基础概念

ERR_CONNECTION_REFUSED 是一个常见的网络错误，表示客户端尝试连接到服务器时，服务器拒绝了连接请求。这可能是由于多种原因造成的，包括但不限于服务器未运行、端口错误、防火墙设置、网络配置问题等。

类型

客户端错误：客户端配置错误，如错误的URL或端口。
服务器错误：服务器未运行或配置错误。
网络错误：中间网络设备（如路由器、防火墙）阻止了连接。

应用场景

开发环境：在开发和测试过程中，可能会遇到连接被拒绝的情况。
生产环境：在生产环境中，可能是由于服务器维护、安全策略等原因导致连接被拒绝。

可能的原因及解决方法

服务器未运行
- 原因：服务器应用程序未启动或已崩溃。
- 解决方法：检查服务器日志，确保服务器应用程序正在运行。如果未运行，启动服务器应用程序。

端口错误
- 原因：客户端尝试连接到错误的端口。
- 解决方法：检查客户端代码中的URL和端口配置，确保它们与服务器配置一致。
防火墙设置
- 原因：防火墙阻止了连接请求。
- 解决方法：检查服务器和客户端的防火墙设置，确保允许通过相应的端口进行通信。
网络配置问题
- 原因：网络配置错误，如DNS解析失败、网络路由问题等。
- 解决方法：检查网络配置，确保DNS解析正确，网络路由畅通。

示例代码

以下是一个简单的ASP.NET Core和Angular 10的示例，展示如何配置和启动服务器。

ASP.NET Core 后端

// Startup.cs
public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddControllers();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseRouting();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapControllers();
        });
    }
}

// Program.cs
public class Program
{
    public static void Main(string[] args)
    {
        CreateHostBuilder(args).Build().Run();
    }

    public static IHostBuilder CreateHostBuilder(string[] args) =>
        Host.CreateDefaultBuilder(args)
            .ConfigureWebHostDefaults(webBuilder =>
            {
                webBuilder.UseStartup<Startup>();
                webBuilder.UseUrls("http://localhost:5000");
            });
}

Angular 10 前端

// app.component.ts
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'angular-app';
  data: any;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.get('http://localhost:5000/api/data').subscribe(
      (response) => {
        this.data = response;
      },
      (error) => {
        console.error('Error:', error);
      }
    );
  }
}