javascript - React router v4 提供静态文件 (robot.txt)

Question

如何将 robots.txt 文件放入路径 www.domain.com/robots.txt？没有使用服务器，它的唯一前端带有react router。

robots.txt --> 在根文件夹中./

app.js --> 在 src 文件夹 ./src/

(...)

export class App extends React.Component {
 render() {
  return (
   <div>
    <Switch>
      <Route exact path='/stuff' component={Stuff}/>
      <Route exact path='/' component={HomePage}/>
    </Switch>
   </div>
  )
 }
}

如果我在本地测试它，它工作正常，localhost:4000/robots.txt 在浏览器中正确打开文件。不过生产环境恐怕不是这样吗？有任何想法吗？预先感谢您

Answer 1

只需将 robots.txt(和 sitemap.xml，如果有)放入 build 文件夹中。

我这样做并将其部署到 firebase，我可以通过 https://my-site.firebaseapp.com/robots.txt 和 sitemap.xml通过https://my-site.firebaseapp.com/sitemap.xml

您应该像我一样关注并通过 yoursite.com/robots.txt 访问 robots.txt

注意:如果您的 build 文件夹在执行 npm run build 之前被删除，那么您需要再次放入 robots.txt 在 build 文件夹中。

更新:

如果您将 robots.txt 和 sitemap.xml 放入 public 文件夹中，那么它们将自动复制到 每次执行 npm run build

时的 build 文件夹