从我的 Angular@5.2.0 应用程序调用 asp.net 核心 API 并收到此 "net::ERR_CONNECTION_REFUSED" 错误

Question

我只是想从我的 Angular v5.2.0 应用程序调用我的 .net 核心 API 函数，我得到 "GET http://localhost:5000/api/values net::ERR_CONNECTION_REFUSED zone.js:3243"

这是我用来调用 api.[= 的 component.js 文件17=]

import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';

@Component({
  selector: 'app-value',
  templateUrl: './value.component.html',
  styleUrls: ['./value.component.css']
})
export class ValueComponent implements OnInit {

  values: any;
  constructor(private http: Http) {
  }

  ngOnInit() {
    this.GetValues();
  }

  GetValues() {
    this.http.get('http://localhost:5000/api/values').subscribe(response => {
      console.log(response);
    });
  }
}

这是我遇到的错误。 enter image description here

Answer 1

你的 UI(angular) 代码和 api 运行是否在同一个端口

我可以在图像中看到 localhost:4200 上的 UI 运行，而你正试图在 localhost:5000

上调用 api

确保 localhost:5000 已启动并且运行正在运行，并尝试使用任何客户端（例如 postman）获取数据。

从我的 Angular@5.2.0 应用程序调用 asp.net 核心 API 并收到此 "net::ERR_CONNECTION_REFUSED" 错误

Calling asp.net core API from my Angular@5.2.0 app and getting this "net::ERR_CONNECTION_REFUSED" error

api

httprequest

asp.net-core

angular5