Question

我正在尝试连接到API，但我收到了错误。

XMLHttpRequest无法加载https://valgresultat.no/api/。没有请求中存在“Access-Control-Allow-Origin”标头资源。因此不允许来源“http://localhost:4200” 访问。

我的proxy.config.json

{
    "/api/": {
       "target":  {
         "host": "valgresultat.no",
         "protocol": "http:",
         "port": 80
       },
       "secure": false,
       "changeOrigin": true,
       "logLevel": "info"
     }
   }

我的app.component.ts

import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
  private apiUrl = '/api/';
  data: any = {};

  constructor(private http: Http) {
    console.log('Hello fellow user');
    this.getContacts();
    this.getData();
  }
  getData() {
    return this.http.get(this.apiUrl).map((res: Response) => res.json())
  }

  getContacts() {
    this.getData().subscribe(data => {
      console.log(data);
      this.data = data
    })
  }
}

Answer 1

安装CORS chrome扩展程序，然后您可以连接到api 请在下面找到安装CORS插件的链接 https://chrome.google.com/webstore/detail/cors/dboaklophljenpcjkbbibpkbpbobnbld?hl=en

请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许来源'http：// localhost：4200'访问。角

1 个答案: