Question

我在firebase托管上部署了reactjs网络应用。我将sitemap.xml文件添加到公用文件夹。我编辑了firebase.json以将源路由到sitemap.xml：

"redirects": [
      {
        "source": "/sitemap",
        "destination": "/sitemap.xml",
        "type": 302
      }
    ],
"rewrites": [
  {
    "source": "/*",
    "destination": "/index.html"
  }
]

但是当我去https://blah blah.com/sitemap它总是返回index.html我试图将它添加到重写中，但它似乎总是返回index.html。

我正在使用React Router 4进行路由，也许会对此产生影响。

<Switch>
        <Route component={Login} exact path="/login" />
        <Route component={Home} path="/home" />
        <Route component={About} path="/about" />
        <Route component={Carousel} path="/carousel/:galleryRef/:ref" />
        <Route component={RelayEditPage} path="/edit/:galleryRef" />
        <Route path="/" render={() => <Redirect to="/home" />} />
      </Switch>

如何将站点地图添加到托管域？如果我在Redirect内添加了Switch组件，但由于重定向，我无法设置Google搜索控制台站点地图。

Answer 1

尝试删除index.html文件。我创建了一个网站，从公共文件夹中删除了index.html，而在功能文件夹中使用了index.js。

Answer 2

我和你有同样的问题。使用以下配置，可以在部署后在线访问我的公用文件夹（包括站点地图）中的文件：

"rewrites": [
  {
    "source": "/",
    "destination": "/index.html"
  },
  {
    "source": "/sitemap",
    "destination": "/sitemap.xml"
  }
]

Answer 3

这对我有用：

"redirects": [
  {
    "source": "/sitemap",
    "destination": "/sitemap.xml",
    "type": 301
  },
  {
    "source": "/sitemap/**",
    "destination": "/sitemap.xml",
    "type": 302
  }
]

如何在反应应用程序的firebase托管中使用站点地图

3 个答案: