结合 React 路由器和 Firebase 函数 api

Posted

技术标签:

【中文标题】结合 React 路由器和 Firebase 函数 api【英文标题】:Combining React router and Firebase function api 【发布时间】:2020-02-17 02:11:42 【问题描述】:

我想知道是否有办法同时使用 react-router-dom 和 firebase 功能。例如,React 部分有一些链接,例如 mywebsite.com/pageone、mywebsite.com/pagetwo、mywebsite.com/pagethree。我想添加一个来自 firebase 函数的 mywebsite.com/api 链接。我查阅了 firebase 文档,但它只显示了其中一个。这可能吗?这是firebase.json


  "hosting": 
    "public": "build",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      
        "source": "**",
        "destination": "/index.html"
      ,
      
        "source": "/app/api",
        "function": "app"
      
    ]
  

【问题讨论】:

【参考方案1】:

尝试更改重写的顺序,使通配符位于末尾。这为我解决了。

发件人:

"rewrites": [
      
        "source": "**",
        "destination": "/index.html"
      ,
      
        "source": "/app/api",
        "function": "app"
      
    ]

收件人:

"rewrites": [
      
        "source": "/app/api",
        "function": "app"
      ,
      
        "source": "**",
        "destination": "/index.html"
      
    ]

【讨论】:

以上是关于结合 React 路由器和 Firebase 函数 api的主要内容,如果未能解决你的问题,请参考以下文章

使用 React 路由器参数和 Firebase RTD 创建人类可读的 URL

Flutter 路由与 Firebase 身份验证相结合

Firebase onAuthStateChanged 在 React App 中未按预期运行

在 Firebase 函数和 React 之间共享代码

如何在 React 应用程序中处理 Firebase onAuthStateChanged 并相应地路由用户?

react18结合路由reuter@6——TS和redux的配合