在 React 应用程序中提供来自 `.well-known` 文件夹的文件答案

【问题标题】：Serve files from `.well-known` folder in a React app在 React 应用程序中提供来自 `.well-known` 文件夹的文件
【发布时间】：2019-07-16 06:26:44
【问题描述】：

我有一个 React 单页应用程序，可以将任何内容路由到同一页面。我没有安装 react-router 或任何 routes.ts 文件。应用部署到 S3 存储桶。

但是，我需要从应用程序内的 .well-known 文件夹中提供两个文件。目前访问这些文件的尝试也被重定向到 React 应用程序的主页。

如何在将任何其他请求重定向到 React 应用程序时从一个文件夹中提供两个文件？

【问题讨论】：

你说你没有使用react-router，但你把它作为一个问题标签。另外，如果您没有它，那么您当前的重定向方法是什么？
@Jayce444 我希望我知道它现在是如何工作的；我检查了package-lock.json 并且 react-router 不存在。

标签： reactjs

【解决方案1】：

解决办法是：

将您要提供的文件放入public/ 文件夹（而不是src/）。
将这些文件的引用添加到public/ 文件夹中的index.html 中，使用%PUBLIC_URL% 作为路径：

<link rel="assetlinks.json file" href="%PUBLIC_URL%/.well-known/assetlinks.json" />
<link rel="apple-app-site-association file" href="%PUBLIC_URL%/.well-known/apple-app-site-association" />

之后，React 应用将开始从预期的 URL 提供静态文件。

【讨论】：

它没有为我提供文件.. 但它可以提供styles.css

【解决方案2】：

如果你使用 create-react-app 或类似的机制，你应该能够简单地将文件添加到 public/.well-known 因为这个文件夹不被 webpack 处理，文件应该直接复制到构建根目录并按预期静态服务。

【讨论】：

这对我有用，谢谢！