angle-cli"localhost:4200"没有访问控制允许源

Question

我有一个与CORS和所需标头相关的问题。

设置：我运行angular项目和AngularCLI（localhost:4200），我想通过HTTP请求从Web服务访问JSON。当我在浏览器中直接使用URL时，一切都很好，并显示JSON。当我从angular应用程序发送请求时，我收到以下错误：

  XMLHttpRequest cannot load http://t00-holcim:8888/deliveries?fields=liefer_nr,dispo_nr,lieferscheinsta…r,empfaenger_nr,bestellinfo1,bemerkung&limit=3&deliveryNoteDate=2017-04-27. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 403.

以下是程序代码：

....... 
const headers = new Headers(); 
headers.append('Content-Type', 'application/json; charset=utf-8'); headers.append('Access-Control-Allow-Origin', '*'); 
const options = new RequestOptions({ method: RequestMethod.Post, headers: headers });

this.http.get(this.buildURLString(), options).map(this.extractData)
              .subscribe((data) => {........}

我在网上搜索了一下，发现这个错误与CORS有关。因此我追加到header . append(' Access-Control-Allow-Origin '，' * ')；但这并没有帮助。

我得到了Chrome的扩展CORS，并启用了“启用跨源资源共享”，但没有任何帮助。

这是服务器端还是客户端的配置变化？

Answer 1

这是一个服务器端问题。您的服务器使用哪种语言？如果您使用的是JS，下面的块会解决CORS问题。

var app = express()    
var cors = require('cors');
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, 
Content-Type, Accept");
next();
});

Answer 2

我们找到了解决办法。当我们使用SpringBoot的RESTFul-Server时，我们在这个服务器上添加了“' < code > Access-Control-Allow-Origin '，' *'”，它工作了..我一直在想，因为它说“预检”,这需要在客户端解决，而不是在服务器端。< br >希望这对任何人有所帮助。