This is probably something trivial but I am new to GCP and app development.

I have an angular-ionic app that integrates with firebase (I am able to read and write to firestore) now I am trying to call a http triggered cloud python function.

In my firebase console under functions I can see that the function is present:

```
Request
https://europe-west6-tmaker-bd14b.cloudfunctions.net/generate_tournament8

```

I call the function in my app (running locally at the moment) as :  `generateTournament8(eventRefPath:string)` and the implementation is in the following file:

```
import { AngularFireFunctions } from '@angular/fire/functions';
import { AlertController } from '@ionic/angular';

@Injectable({
  providedIn: 'root'
})
export class CloudFunctionsService {

  constructor(private firestoreFunctions: AngularFireFunctions, private alertController: AlertController) { }

  generateTournament8(eventRefPath:string){
    const callable = this.firestoreFunctions.httpsCallable('generate_tournament8');
    var res = callable({'event_ref_path': eventRefPath });

    res.subscribe(async res => {
      const alert = await this.alertController.create({
        header: `Time: ${res.date}`,
        message: res.msg,
        buttons: ['OK']
      });
      await alert.present();
 });

  }

}

```

when trying to call the function I get the following error in the console:

```
Access to fetch at 'https://us-central1-tmaker-bd14b.cloudfunctions.net/generate_tournament8' from origin 'http://localhost:8100' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

```

I think I am missing something trivial. Like not correct permissions. Can you help me?