angular - 使用 URL 加载外部 JSON 文件

Question

我在服务器上有一个 JSON 文件。我想将它加载到我的 angular-typescript 中。我尝试了以下方法。

ngOnInit () {
  this.httpService
    .get("http://x.x.x.x/config_files/test/config.json")
    .subscribe(data => console.log(data));
}

刷新页面时出现以下错误

Access to XMLHttpRequest at 'http://x.x.x.x/config_files/test/config.json' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

由于没有服务器端 API，因此无法添加 header Access-Control-Allow-Origin。如何解决这个问题？

Answer 1

您可以使用某些插件来解决 CORS 问题，一个是 Moesif Origin & CORS Changer , 提供的链接用于 chrome 扩展。

安装插件后，只需切换 ON 开关并刷新您的应用程序。该插件允许您发送跨域请求。您还可以覆盖 Request Origin 和 CORS header 。