ios - 如何在ReactJS的/apple-app-site-association页面上提供apple-app-site-association文件

在ReactJS项目中提供apple-app-site-association文件时，我遇到很多麻烦。

我搜索了很多GitHub问题页面(针对ReactJS，Gatsby和Angular)，论坛和许多在线社区，似乎我找不到解决方案。

我试过的是:

将文件添加到public/。众所周知的文件夹中。

在路径“/apple-app-site-association”上通过react-router添加单独的路由，并返回带有

文件的标签

将<link rel="apple-app-site-association" href="%PUBLIC_URL%/.well-known/apple-app-site-association">添加到public/index.html

通过"aasa-validator"进行测试将返回:

请记住:

apple-app-site-association JSON文件不得具有.json文件扩展名。

它必须位于网站上的“/apple-app-site-association”或“./well-known/apple-app-site-association”链接上。

我无法使用重定向到另一个页面/链接。

提前致谢!

附言如果有帮助，我正在使用Heroku进行部署。

最佳答案

您可以使用React Router提供文件。
将其放在您的index.js或App.js中:

const reload = () => window.location.reload();
<Route path="/apple-app-site-association" onEnter={reload} />