React Router v4提供静态文件(robot.txt)

时间:2019-03-13 17:45:37

标签: javascript reactjs react-router robots.txt

如何将我的robots.txt文件放入路径www.domain.com/robots.txt?没有使用服务器,只有前端带有react路由器。

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在浏览器中正确打开了文件。但是,在生产环境中恐怕不是这样吗?有任何想法吗?预先谢谢你

1 个答案:

答案 0 :(得分:0)

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

see image

我这样做并部署到了Firebase,我可以通过robots.txt访问https://my-site.firebaseapp.com/robots.txt,并且可以通过sitemap.xml访问https://my-site.firebaseapp.com/sitemap.xml

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

注意:每次在执行robots.txt

之前删除build文件夹时,都需要将build放在npm run build文件夹中