从源访问 XMLHttpRequest

Question

我有一个 Angular 应用程序，客户端发布功能无法调用服务器 Api 发布方法。 控制台上显示以下错误

":64736/api/Tool/SaveBookMark:1 加载资源失败：服务器响应状态为 405 (Method Not Allowed) ：4200/#/envision/maps/google:1 从源“http://localhost:4200”访问“http://localhost:64736/api/Tool/SaveBookMark”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：未通过具有 HTTP ok 状态。”

客户端：角度 5

    const endpoint = this._api.saveBookMark;
let body = JSON.stringify(bookmarkModel);
return this.http.post(endpoint, body, this._api.getJsonOptions())
    .map(this._api.extractData)
    .catch(this._api.handleError);

服务器端：Mvc Api

[HttpPost]
    public string SaveBookMark(BookmarkModel bookmarkModel)
    {
        string res = string.Empty;
        try
        {

        }
        catch (Exception ex)
        {
        }
        return res;
    }

Answer 1

在您的 WebApiConfig.cs 文件中添加：

  public static void Register(HttpConfiguration config)
  {
     config.EnableCors();
  }