Angular 6中没有“访问-控制-允许-起源”标头

Question

我得到访问控制允许来源错误。

CORS策略阻止从来源“https：//localhost:44322”访问“https://localhost:44301/api/xxxx/getallxxxx”处的XMLHttpRequest：对飞行前请求的响应未通过访问控制检查：请求的资源上没有“access-control-allog-origin”标头。

下面是我的头，我已经传递给api调用。

getAllItems<T>(): Observable<T> {
const options = { headers: this.getRequestHeaders() };
return this.http.get<T>(this.getAllItemUrl, options);

protected getRequestHeaders(): HttpHeaders {
let headers = new HttpHeaders({
  'Content-Type': 'application/json',
  'Accept': `application/json, text/plain, */*`,
  'App-Version': '1',
});
return headers;

我是否丢失了连接API的任何东西？

Answer 1

您需要将CORS添加到后端服务中。如果它是一个基于express的服务，您可以使用以下内容

const express = require('express');
const app = express();


var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', "*");
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    next();
}

app.use(allowCrossDomain);