我的角度服务基本上会从api检索电影及其详细信息。我认为,如果不解决此问题,它将奏效。我意识到有很多方法可以绕过cors,但我确实希望根据已有的最简单的方法。我该如何实现?
service page.ts
import {Injectable} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {Observable} from 'rxjs';
import { map } from 'rxjs/operators';
//Typescript custom enum for search tpes (optional)
export enum SearchType{
all = '',
movie = 'movie',
series = 'series',
episode = 'episode'
}
@Injectable ({
providedIn : 'root'
})
export class MovieService {
url = 'http://www.omdapi.com/';
apiKey = '*******' //my api key here!
constructor (private http: HttpClient) {}
searchData(title: string, type: SearchType):
Observable<any> {
return this.http.get(`${this.url}?
s=${encodeURI(title)}&type=${type}&apikey=${this.apiKey}`).pipe(
map(results => results['Search'])
);
}
getDetais(id){
return this.http.get(`${this.url}?
i=${id}&plot=full&apikey=${this.apiKey}`);
}
}
恐怕您无法“绕开” CORS。至少不要更改前端/ Angular应用程序侧面的任何内容。如果您的请求由于CORS而被拒绝(我认为是问题所在)。您必须允许您的域在后端,而不是前端。