访问控制允许源问题在角2

Question

我在从node.js服务器获取数据时遇到问题。

客户端是：

    public getTestLines() : Observable<TestLine[]> {
    let headers = new Headers({ 'Access-Control-Allow-Origin': '*' });
    let options = new RequestOptions({ headers: headers });

    return this.http.get('http://localhost:3003/get_testlines', options)
                .map((res:Response) => res.json())
                .catch((error:any) => Observable.throw(error.json().error || 'Server error')); 
}

在服务器端，我还设置了标题：

resp.setHeader('Access-Control-Allow-Origin','*') 
resp.send(JSON.stringify(results))

但我犯了个错误

"XMLHttpRequest无法加载http://localhost:3003/get_testlines.对预试请求的响应没有通过权限改造检查：请求的资源上没有'Access-Control-Prover-Origin'标头。因此，来源http://localhost:3000不允许进入。"

我怎样才能修好它？当我删除标题时，它表示此标题是必需的。

Answer 1

不要在请求上设置访问-控制-允许-起源，那里永远不需要它。您应该仔细检查响应中是否存在标头（在开发人员控制台中检查）。如果您共享更多的后端代码，这将是有帮助的。

Answer 2

Access Control Allow Origin是一个响应头，而不是一个请求头，您需要在后端修复权限。因此，您必须创建包含所有必要权限的cors.js文件。

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

module.exports= new crosPermission();

下一步，您需要在app.js中添加一些行

    var cors=require('./cors');
    app.use(cors.permission)

Answer 3

Access Control Allow Origin是响应头，而不是请求头。

您需要让它出现在响应上，而不是请求上。

您已尝试将其放在响应上：

resp.setHeader('Access-Control-Allow-Origin','*') 

...但是没有成功。

这可能是因为您没有将其放在对正确请求的响应上。错误消息显示：

对起飞前请求的响应没有通过权限改造检查

你已经做了一些事情使请求被预先引导。这意味着，在浏览器发出您试图发出的GET请求之前，它正在发出选项请求。

这可能是由服务器上的另一段代码处理的，因此不会命中行resp.setHeader（'Access-Control-允许-起源','*')。

导致发出预先设置好的请求的一件事是添加请求头（除了少量异常）。向请求中添加Access-Control-允许-Origin将触发预先设置好的请求，因此要尝试解决此问题，首先要做的是从请求中删除Access-Control-允许-Origin。

如果失败，那么您需要设置您的服务器，以便它可以响应OPTIONS请求和GET请求。