首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >部署PWA (渐进式Web App)到Firebase后,如何修复“加载资源失败:服务器响应状态为404 ()”错误?

部署PWA (渐进式Web App)到Firebase后,如何修复“加载资源失败:服务器响应状态为404 ()”错误?
EN

Stack Overflow用户
提问于 2019-08-21 17:05:36
回答 1查看 1.9K关注 0票数 0

我正在使用Google Codelabs PWA官方教程(https://codelabs.developers.google.com/codelabs/your-first-pwapp),并与本地ip服务器一起工作。B但当我尝试将该项目部署到Firebase时,我发现天气预报一直在加载,无法获得结果。似乎无法从网络加载预测数据。

控制台错误用"https://pwa-10223.firebaseapp.com/forecast/40.7720232,-73.9732319“表示错误。

文件错误“加载资源失败,服务器响应状态为404()”出现在"return fetch(/forecast/${coords})“行中

如何修复错误以从网络获取数据?

我已经用node server.js尝试过这段代码,它可以工作,但是在通过Firebase访问它之后,它会继续加载。

代码语言:javascript
复制
/**
 * Get's the latest forecast data from the network.
 *
 * @param {string} coords Location object to.
 * @return {Object} The weather forecast, if the request fails, return null.
 */

#Failed to load resource,the server respond with the status of 404()
function getForecastFromNetwork(coords) { 
  return fetch(`/forecast/${coords}`)
      .then((response) => {
        return response.json();
      })
      .catch(() => {
        return null;
      });
}
EN

回答 1

Stack Overflow用户

发布于 2019-08-23 02:32:17

setup instructions是为glitch.com设计的,如果没有一些修改,将不会直接与Firebase一起工作。

Firebase主机将只为文件提供服务,不会运行Node.js服务器。您必须在server.js中获取代码并将其部署到Firebase Functions。然后,您必须对/forecast/*执行map your path命令才能使用新函数。

我建议你看看这个Cloud Functions for Firebase codelab,它可以很好地补充PWA codelab。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57588116

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档