如何在请求的资源上出现“Access-Control-Allow-Origin”标题。 原因'null'因此不被允许访问。 在angular4？

我正试图从Fitbit获得授权。 当我使用Oauth2.0

前angularangular4

getAuthFromFitbit() { this.http.get(this.BASE_URL + "/fitbit").subscribe(res => { console.log(res.json()); });} 

后端node.js

那么我得到这个问题：

Answer 1

这是一个跨源资源共享问题。 您需要在浏览器中禁用CORS。

Answer 2

当前面和后面不在同一个服务器时，我使用这个。

 app.use(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(); }) 

你可以试试这个。

Answer 3

您在浏览器控制台中看到的错误来自fitbit请求，而不是来自您的服务器。 在你的服务器上设置标题对你的情况没有什么帮助。