CORS error of place picker in Web app when hosted on firebase

[FilliTech]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When I attempt to select a location using the flutterflow place picker, a CORS error occurs.

Expected Behavior

It should work properly as it does if hosted on flutterflow.

Steps to Reproduce

1. Create a web page with place picker widget.
2. Connect the project with firebase
3. Download the code locally
4. Host the website in firebase hosting
5. Try to select the location using place picker

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4eiPLqw4t1pbxH7qXxbcFFiSQvHEw7aIIZke5+ZAwbG4z1PbNzY+j+TGZuOLDid2xiPFmWgm00/vDJk/PxD8c4FByJbbZjzJdcbgH/Qj2VeJClBs+sYUFCQOdhJmKOzpuZnBUkJulZR1Ej1GGEJeqiaHLYNr6xC1c/APilMrDPn2CfLgDKGn0Jg1ZSfCvr

Visual documentation

Environment

- FlutterFlow version: 5.0.8
- Platform: web
- Browser name and version: any
- Operating system and version affected: any

Additional Information

No response

[Alezanello]

Hello!

I wasn’t able to replicate the issue on my end. It looks like you're hosting the project on Firebase rather than FlutterFlow. In that case, you'll need to add a proxy to the Place Picker API call within your code before deploying it to Firebase hosting.

When hosted on FlutterFlow, this feature works as expected. Here’s a link to a recently published project via FlutterFlow where you can test it:
https://qa-2935-99mbtu.flutterflow.app/

[FilliTech]

The project is hosted on Firebase, on FlutterFlow it works as expected. The problem is that I am using the flutterflow place picker component so I can not, as of my knowledge, add a proxy to the api call.

[github-actions[bot]]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[Alezanello]

Hello, and I apologize for the delayed response. In your Firebase project code, you can navigate to /lib/flutterflow/flutter_flow_place_picker.dart. Within this file, add the proxy to the baseUrl before widget.proxyBaseUrl.

[Alezanello]

Closing this issue since we haven't heard back from you. If you are still facing the problem please submit a new issue. Have a great day!