Angular2での外部ドメインのJSON取得

Question

###前提・実現したいこと
Angular2にて、webAPIよりjsonを取得したいと考えております。
しかし、下記のようなエラーが発生しており、解決の糸口がつかめません。
なにとぞご教授願えればと考えております。

###発生している問題・エラーメッセージ
this.jsonp.getで取得した場合、
Refused to execute script from 'URL' because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.

this.http.getで取得した場合、
XMLHttpRequest cannot load URL. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

###該当のソースコード

this.jsonp.get(this.Url)

or

this.http.get(this.Url)

###試したこと
当初はhttp.getで取得しようと試みていたが、クロスドメイン問題に直面したため、jsonp.getを用いた。
しかし、そちらは上記のようにMIMEに問題が発生している。

Answer 1

公式のdocにCross-Origin Requestsのサンプルがあります。
https://angular.io/docs/ts/latest/guide/server-communication.html#!#search-wikipedia

抜粋

import { Injectable } from '@angular/core';
import { Jsonp, URLSearchParams } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class WikipediaService {
  constructor(private jsonp: Jsonp) {}
  search (term: string) {
    let wikiUrl = 'http://en.wikipedia.org/w/api.php';
    let params = new URLSearchParams();
    params.set('search', term); // the user's search value
    params.set('action', 'opensearch');
    params.set('format', 'json');
    params.set('callback', 'JSONP_CALLBACK');
    // TODO: Add error handling
    return this.jsonp
               .get(wikiUrl, { search: params })
               .map(response => <string[]> response.json()[1]);
  }
}

または、because its MIME typeエラーでは
Chromeでたまにjavascript外部ファイルが読み込まれない
で似たような質問が出ています。

Comments

[KayaPonpon]

サーバーの設定を変更することで解決ができました。

ありがとうございました。