如何使用 React 和 Firebase 托管在 SPA 上提供 robots.txt?

2024-01-02

我有一个使用 SPA 构建的create-react-app并希望有一个像这样的 robots.txt:

http://example.com/robots.txt

我看到这一页 https://github.com/ReactTraining/react-router/issues/3023 that:

您需要确保您的服务器配置为在配置为从目录提供服务后捕获任何 URL。

但对于 firebase 托管,我不知道该怎么做。


In my /public目录,我创建了一个robots.txt.

In my /src目录中,我执行了以下操作:

我创建/src/index.js:

import React from 'react'
import ReactDOM from 'react-dom'
import {TopApp} from './TopApp'
import registerServiceWorker from './registerServiceWorker'

import {BrowserRouter} from 'react-router-dom'

ReactDOM.render(
  <BrowserRouter>
    <TopApp/>
  </BrowserRouter>,
  document.getElementById('react-render-root')
)

registerServiceWorker()

我创建/src/TopApp.js:

import React from 'react'

import {
  Switch,
  Route
} from 'react-router-dom'

import {ComingSoon} from './ComingSoon'
import {App} from './App'

export class TopApp extends React.Component {
  render() {
    return (
      <div className="TopApp">
        <Switch>
          <Route path='/MyStuff' component={App}/>
          <Route exact path='/' component={ComingSoon}/>
        </Switch>
      </div>
    )
  }
}

因为路径/robots.txt未包含在提供的路由器路径中,它从我的公共目录中获取,并且机器人文件已根据需要发布。

同样可以做sitemap.xml.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 React 和 Firebase 托管在 SPA 上提供 robots.txt? 的相关文章

随机推荐