我想将Cors添加到我已构建的此特定角度服务中,如何实现此目的?

问题描述 投票:-1回答:1

我的角度服务基本上会从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}`);
  }

 }
angular service cors get-request http-options-method
1个回答
0
投票

恐怕您无法“绕开” CORS。至少不要更改前端/ Angular应用程序侧面的任何内容。如果您的请求由于CORS而被拒绝(我认为是问题所在)。您必须允许您的域在后端,而不是前端。

© www.soinside.com 2019 - 2024. All rights reserved.