Я создал приложение Ioni c, которое подключалось к веб-сайту API, где я подключил свой веб-сайт к CloudFlare в целях защиты, прежде чем я включил В режиме атаки запросы, отправленные без ошибок любые ошибки, но теперь он показывает ошибку в консоли, которая говорит:
Access to XMLHttpRequest at 'https://mywebsite.org/api/mobile/news?pageSize=15¤tPage=1&language=undefined' from origin 'http://localhost:8100' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Серверная часть - это микросервис flask, и я также включаю роли cors,
cors.init_app(app, resources={r"https://mywebsite.org/api/*": {"origins": "https://mywebsite.org"}})
Каждый раз, когда я отправляю запрос на получение из приложения, я также добавляю в заголовки Access-Control-Allow-Origin:
let headers = new HttpHeaders({
"Access-Control-Allow-Origin":"https://mywebsite.org/",
"origin":"https://mywebsite.org/"
});
@Injectable({
providedIn: 'root'
})
export class DataApiService {
private apiUrl: string = 'https://mywebsite.org/api';
constructor(
private http: HttpClient,
private translate: TranslateService
) { }
// Get news
apiRequest(url: string, params?:any){
const apiUri = `${this.apiUrl+url}`;
if(params){
params.language = this.translate.getDefaultLang();
}
return this.http.get(apiUri, { headers: headers, params: params }).pipe(
delay(
500
),
map(
(res:any) => {
return res
}
)
)
}
}
Пожалуйста, помогите.