尝试从角度应用程序访问api时出错,即使在允许CORS

时间:2018-05-27 16:35:36

标签: angular asp.net-web-api cors

我有一个asp.net web api配置允许CORS,但是当我从我的角度应用程序调用api时出现错误

  

无法加载http://My网站/ WebApi_deploy / api / book / getAll:否   '访问控制允许来源'标题出现在请求的上   资源。起源' http://localhost:4200'因此是不允许的   访问。 book.service.ts:14 HttpErrorRespons

这是调用api的服务代码

import { Injectable } from '@angular/core';
import { HttpClient } from "@angular/common/http";

@Injectable({
  providedIn: 'root'
})
export class BookService {

  constructor(private httpClient: HttpClient) { }

  getAllBooks(

    onSuccess,
    onFail = (reason) => console.log(reason)) {
    var url = "http://MyWebsite/BuellerWebApi_deploy/api/book/getAll";
    var req = this.httpClient.get(url);
    var promise = req.toPromise();

    promise.then(
      onSuccess,
      onFail
    );
  }
}

在我的web api中,我已经允许Cors进入我的webapi.config文件

  config.EnableCors();

已成功通过其他应用调用api。 我正在使用Angular 6。

0 个答案:

没有答案