React router v4 服务静态文件 (robot.txt)

IT技术 javascript reactjs react-router robots.txt
2021-05-23 19:43:24

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

1个回答

只需将robots.txtsitemap.xml如果有)放在build文件夹中。

看图片

我这样做,并部署它火力点,我可以访问robots.txt通过https://my-site.firebaseapp.com/robots.txtsitemap.xml通过https://my-site.firebaseapp.com/sitemap.xml

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

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

更新:

如果您将robots.txtsitemap.xml放入public文件夹中,则build每次执行时它们都会自动复制到文件夹中npm run build