Nate Gell
 · Founder of Your Little Hero

404 when visiting a page via clicking a link, but can navigate to page from within app.

Troubleshooting

I am hosting the web version of my app with Firebase Hosting, inside the same Firebase Project that has my Database, Storage and Authentication.

When I click on a link to a page in my app, from another app/source (ie, sms, messenger, notes app), or even when I cut and paste the url into the browser, I get a 404 error.

But if I go to the home page of the app and navigate to that page, it works fine.

The page should display the selected story from the URL path.

When I hosted the web app through the FlutterFlow platform, it wasn't a problem, it all worked. It's only started happening now that I am self-hosting through Firebase Hosting.

The reason I am self-hosting is because I needed to upload the AASA and assetlinks.json files to the server for deeplinking (using AppsFlyer) and couldn't figure out how to do that via the FlutterFlow platform.

I have a feeling this is happening because Firebase Hosting is trying to serve a static page, so when it looks for a file at this url path, it can't find anything.

I assumed Flutter would handle the routing, but it looks like something isn't working.

Any direction here would be greatly appreciated!! Thank you in advance.

What have you tried so far?
  • Building a separate FF project and running two FF projects off single Firebase project.

  • Opened up CORS rules

Did you check FlutterFlow's Documentation for this topic?
Yes
3
5 replies