使用此 Starter 开发 Gatsby 应用程序https://github.com/the-road-to-react-with-firebase/react-gatsby-firebase-authentication https://github.com/the-road-to-react-with-firebase/react-gatsby-firebase-authentication
当我在运行 Gatsby Develop 后尝试访问我的页面时,更新节点包后不断收到此 HPM 错误。该项目编译成功,但随后我在浏览器中收到此错误,但没有显示任何内容。
尝试代理到:localhost:8000/ 时发生错误
在终端中:
错误 [HPM] 尝试代理请求 / 从 localhost:8000 到http://本地主机:4000 http://localhost:4000(经济拒绝
一旦我将其从gatsby-config.js
文件它的工作原理以及浏览器中生成的页面:
module.exports = {
developMiddleware: app => {
app.use(
proxy({
target: "http://localhost:4000",
})
)
},
}
但是,我在终端中收到此错误:
加载“/404.html”中页面查询的结果时出错。查询未运行,未找到缓存结果。
找不到页面/404.html
我想知道为什么代理不工作以及上面的模块导出到底在做什么。我觉得我正在做的这个解决方法不好。任何帮助或建议都会很棒!
Github 仓库:
该项目的 GitHub 存储库 https://github.com/thelovesmith/Island-Stream-Web-MVP
该错误意味着没有任何东西在运行http://localhost:4000
。您的设置似乎存在一些问题:
首先,你的developMiddleware
设置指向http://localhost:4000
,但是你的服务器(server.js
)默认运行于http://localhost:3000
。也许您忘记启动服务器,或者在错误的端口启动它?
其次,如果我没看错的话,在你的代理中间件中,你正在代理到端口 4000 的每条路由?这将使盖茨比毫无用处。这是更好的代理设置的示例:
module.exports = {
developMiddleware: app => {
app.use(
"/api",
proxy({
target: "http://localhost:4000",
})
)
},
}
这样,只需请求localhost:8000/api
将被代理到localhost:4000
.
希望能帮助到你!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)