Apple association file to app links do not returns a json on a React web project

Question

i have a problem while trying to access this page of my domain: http://localhost:3000/.well-known/apple-app-site-association

This is where i need to show a JSON response of the apple-app-site-association file, so my iOS application could link with my domain.

So in need to get to link my iOS application to this domain, this address needs to return the file as a JSON response, but instead, it downloads the file.

** To know:**

• My web project is a CRA React Project.
• The file does need to be without extension.
• I cant use a redirect to a page.
• The test at "https://branch.io/resources/aasa-validator/" returns "your file's 'content-type' header was not found or was not recognized.".

The app-link android side is OK, while the address has the similar file with ".json" extension, and returns me the response in JSON.

Answer 1

I had the same problem and it cannot be solved using React alone. First you need to do all the steps to place the file in the project (as you did). After this, write the right Content-Type for this url. I use Traefik so I fix it like this: fix by traefik. Perhaps this will be useful to someone else