firebase-hosting 相关问题

Firebase Hosting是面向开发人员的静态Web托管,适用于现代前端Web应用程序。使用Firebase Hosting,开发人员可以从单个命令将启用SSL的Web应用程序部署到全局内容交付网络。

Firebase 托管 Next Js 缓存的优化图像在新部署时被清除?

Firebase 是否会从每个 Deploy 上的缓存中清除所有 Next JS 生成的优化图像?我正在使用 Next JS 图像标签来生成 avif 和 webp 图像,最初它们需要时间才能根据第一个请求生成...

回答 1 投票 0

如何在 Firebase 托管上托管单独的 Flutter Web 应用程序和登陆页面?

我目前正在开发一个项目,我需要在静态登录页面旁边托管一个 Flutter Web 应用程序,两者都使用 Firebase Hosting 在同一域下。我的目标结构如下...

回答 1 投票 0

firebase-tools 错误:EACCES:权限被拒绝

我正在尝试部署我的网络应用程序的 Firebase 托管。 在命令行中,当我键入 firebase deploy 时,出现以下错误。 注意:firebase 部署只是一个示例。出现同样的错误...

回答 13 投票 0

使用 React 路由器托管 Firebase

我有一个react应用程序,它使用react-router和一个路由器,如下所示: 我有一个 React 应用程序,它使用 React-router 和一个看起来像这样的路由器: <Router> <div> <Route exact path="/" component={Homepage} /> <Route path="/map/:uid" component={Userpage} /> <Footer /> </div> </Router> 该应用程序使用 Firebase 托管进行托管。 如果我打开我的网站并单击,路由器将我带到/map/uid,它加载得很好。但是,如果我关闭浏览器,然后尝试显式导航到 <domain>/map/<known uid>,我会从 Firebase 收到“未找到页面”页面。这是我第一次使用react-router。 更新#1 我已将我的 firebase.json 更新为: { "hosting": { "public": "build", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } 我不再收到“页面未找到”页面;但是,我的反应应用程序的内容永远不会加载,并且我在控制台中注意到一个错误: Uncaught SyntaxError: Unexpected token < 更新#2 我现在明白为什么会出现错误。查看 Chrome 开发工具中的 Sources 选项卡,只有当我直接导航到 static/css 时,我的 static/ 文件夹才有一个奇怪的名称(static而不是 /map/{known uid})。当我导航到主页时,所有加载都正常。 这解释了错误。我还是不知道如何解决。 对我来说,我可以看到根 url,但其他路由(例如“/pricing”)给了我 404。我将其添加到我的 firebase.json 文件中,现在它可以工作了。还要确保 firebase/auth 允许在域上工作。 firebase 的 auth 部分有一个设置。 "rewrites": [ { "source": "**", "destination": "/index.html" }], 我的完整 firebase.json { "firestore": { "rules": "firestore.rules", "indexes": "firestore.indexes.json" }, "hosting": { "public": "build", "rewrites": [ { "source": "**", "destination": "/index.html" }], "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ] }, "storage": { "rules": "storage.rules" } } 迟到的答案,但我面临着同样的问题。我用两个步骤解决了这个问题: 像这样更新 firebase.json { "hosting": { "site": "myproject", "public": "build", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } 像这样在index.html中设置基本url <!DOCTYPE html> <html lang="en"> <head> <base href="/"> . . . 迟到了,但请尝试从 package.json 中删除“homepage”键(或确保它相对于主页存储位置是正确的。 迟到的回答,但它解决了我的问题: 当执行firebase init时,它会询问是否是单页应用程序。默认答案是 No,但是,只需选择 Yes 即可。 由于客户端路由,您会收到此错误。 (React 内心深处) 在构建(文件夹)中构建反应应用程序时,您只能看到一个 index.html 文件。 当您使用 YOUR_DOMAIN/map 点击 URL 时,Firebase 正在尝试获取 build->map->index.html 但存在于您的构建文件夹中。 所以你可以做 你可以使用react-router-dom吗?构建应用程序构建文件夹后, index.html 你可以提及<base href="/"/>。 尝试将 cleanUrls 属性设置为 true。 请参阅 Firebase 文档了解更多信息 "hosting": { // ... // Drops `.html` from uploaded URLs "cleanUrls": true } 就我而言,问题有所不同。我能够正确地看到索引页,但当我导航到新路线时,我看到的是空白页。 Firebase 已正确配置: "rewrites": [ { "source": "**", "destination": "/index.html" } ] 部署后,我进入请求选项卡并看到了这一点。 然后我检查了 index.html 文件并注意到了这一点: 由于我的配置在同一个 dist 目录中构建所有内容, dist/index.html dist/main.bundle.js ... 这个问题很简单。我必须通过调整 webpack 配置来告诉 webpack 我的资源是否相对于 index.html 文件放置: { ... output: { ... publicPath: '/', ... } ... } 现在需要像这样的文件: 这将告诉浏览器查看根目录,即放置 index.html 的位置。 如果您有多个配置并且不扩展它们,请确保更改生产配置。 { "hosting": { "public": "dist", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "cleanUrls": true }, "rewrites": [ { "source": "/(.*)", "destination": "/index.html", "dynamicLinks": true } ] } 在你的 firebase.json 中尝试一下这个,路由肯定可以工作 在 basename 中指定 Router 怎么样?沿着这个: <Router basename='/map/5AJA3RefFuTZ8z4Gn6BjMgZRgPZ2'>

回答 9 投票 0

Firebase 托管部署错误错误:错误:404,找不到请求的实体

我在 firebase 上托管了一个静态网站,并且正在使用 node.js。 当我尝试部署我的网站时,我遇到了这个错误。 C:\Users\Ankur-PC\Desktop>firebase 部署 === 部署到'wo*...

回答 11 投票 0

Google Cloud 中 Firebase Web 应用程序的白名单域

在本地主机中运行应用程序并发送注册验证电子邮件时,identitytoolkit.googleapis.com 会出现 400 错误,显示 UNAUTHORIZED_DOMAIN : 域未列入白名单

回答 1 投票 0

在 firebase 生成的 yaml 文件中使用纱线会导致 guthub 操作中的构建失败

运行以下 github 操作时,我的构建步骤失败。请注意,我使用的是纱线 v1.22.19。 yml(缩写): # 该文件由 Firebase CLI 自动生成 # https://github.com/firebase/

回答 1 投票 0

Firebase React:如何在不强制手动刷新缓存的情况下显示新更改

我有一个用 React 制作的 firebase 应用程序(create-react-app),我们即将推出我们的第一个版本。 不幸的是,每次我们部署新的更改时,当前用户(使用 Chrome)都看不到 c...

回答 1 投票 0

Flutter Android 深层链接未启动应用程序

我已经按照官方文档为我的 Flutter 应用程序实现了深度链接功能。但是,在 Android 上,当我在浏览器上打开深层链接时,它不会启动该应用程序。 这……

回答 1 投票 0

Flutter Web App 在发布模式下黑屏

我有一个 Flutter Web 应用程序,运行时渲染得很好 颤振运行-d chrome 但是如果我运行 flutter run -d chrome --release 它会给我一个空白屏幕。 我该如何解决这个问题?

回答 2 投票 0

在 vscode 终端中禁用 Firebase 托管运行脚本

firebase:文件 C:\Users\CHRISTIN UNION\AppData\Roaming pm irebase.ps1 无法加载,因为在此系统上禁用了运行脚本。有关更多信息,请参阅 about_Execution_Policies at h...

回答 2 投票 0

firebase 暂存和 github 操作的环境变量

问题 通过 github 操作部署时,dotenvVault 中的变量 process.env.REACT_APP_HELLO 在 Firebase 暂存区域中未定义。 背景 在 dotenvVault(网络界面)内我有...

回答 1 投票 0

无法将多个页面部署到 Firebase 托管

我正在为我的网络项目使用带有 vite 框架的 firebase。一旦配置并安装了所有必要的程序,然后是站点的实际生产过程,我就准备好部署了......

回答 1 投票 0

如何禁用 Angular 应用程序的 Firebase 404 页面

我有一个 Angular 应用程序,它使用 Firebase 部署到生产环境中。 该应用程序包括以下重定向 常量路线:路线= [ { 路径:'',组件:HomeComponent }, //其他一些 {路径...

回答 2 投票 0

Firebase 部署错误:命令以非零退出代码 2 终止

这是我的第一个 flutter 项目,我最近在使用 firebase 部署命令时遇到了问题,我想在 Mac 上部署我的 flutter web 项目。 我部署数据库、功能、托管、扩展

回答 1 投票 0

如何部署到托管多语言(i18n)的 Angular Universal 应用程序的 Firebase?

希望那里有一些了不起的灵魂可以帮助我。 我有一个简单的 ANGULAR 16 应用程序,可以为搜索引擎生成 SEO 友好的页面,并且我的应用程序是用英语编写的并可以翻译...

回答 1 投票 0

firebase.json 中未检测到托管站点或目标

我刚刚创建了一个新的 Firebase 项目,我正在尝试正确托管我的 Angular 应用程序,但当我尝试运行 ng d 时,我在 firebase.json 中未检测到托管站点或目标部分向导。 .

回答 3 投票 0

将 NextJS 部署到 Firebase 托管

我正在尝试将这个使用 NextJS 和 Firebase 构建的 Web 应用程序部署到 Firebase 托管。部署过程因意外错误而终止。 在追踪日志并在 Google 上检查它们后,我...

回答 1 投票 0

Firebase 托管项目中的增量部署

我在 Firebase 托管项目中部署了一个包含约 120K 页面、大小约 2GB 的静态网站,而且这个网站还会继续增长。 所有都应该部署在同一个域中才能留住用户

回答 1 投票 0

Flutter Web - 移动 iOS 版 Web 应用程序上的白屏/空白页

目前正在使用 Flutter web 开发一个 Web 应用程序。当我在笔记本电脑或 Android 设备上时,构建、运行和访问 Firebase 托管应用程序工作正常,但是当我尝试访问

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.