如何运行并打开自己搭建的React + Firebase网站？
2026-7-4
解决Firebase部署后找不到访问URL及运行脚本的问题
一、查找Firebase网站访问URL
- 登录Firebase控制台，进入你的目标项目
- 左侧菜单栏选择Hosting模块（若未启用该服务，需先按流程完成Hosting初始化）
- 在Hosting的Dashboard页面顶部，会直接显示网站的默认访问URL，格式通常为
[项目ID].web.app或[项目ID].firebaseapp.com - 若控制台未显示，重新执行部署命令：
firebase deploy，命令执行完毕后，终端输出结果里会明确给出访问URL
二、本地运行网站的操作步骤
若需先在本地测试网站，按以下命令执行：
- 全局安装Firebase CLI（未安装过的话）：
npm install -g firebase-tools - 进入项目根目录，登录Firebase账号：
firebase login - 初始化Hosting服务（未初始化过的话）：
firebase init hosting，按提示选择对应项目，设置public目录（通常为public），按需选择是否配置为单页应用 - 启动本地测试服务器：
firebase serve，终端会输出本地访问地址（一般为http://localhost:5000），直接在浏览器打开该地址即可
三、重新部署到Firebase的完整流程
如果之前部署不完整，执行以下命令补全：
- 进入项目根目录
- 执行
firebase login确认账号已登录 - 执行
firebase deploy --only hosting（仅部署Hosting部分）
部署完成后，终端会打印线上访问URL，同时Firebase控制台Hosting页面也会同步显示该地址
内容的提问来源于stack exchange，提问作者Erez Ben-Zvi
相关产品推荐
相关产品推荐
