为什么我的静态网页会出现 404 错误?
来源:stackoverflow
时间:2024-02-24 16:02:06 329浏览 收藏
今日不肯埋头,明日何以抬头!每日一句努力自己的话哈哈~哈喽,今天我将给大家带来一篇《为什么我的静态网页会出现 404 错误?》,主要内容是讲解等等,感兴趣的朋友可以收藏或者有更好的建议在评论提出,我都会认真看的!大家一起进步,一起学习!
我已经工作了大约 2 年开发全栈应用程序(当我最初接触它们时,它们已经相当成熟),并且正在从头开始我的第一个应用程序。我花了一天时间启动 ec2 实例,加载堆栈的依赖项(postgres、golang、react),以及闪亮的新机器所需的所有其他功能(tmux、npm、vim 插件、git 集成等)。我现在被困住了。 我使用 create-react-app 开始我的前端并运行 npm start 进行构建。要查看这一点,我可以转到我的实例 ip:3000。 我创建了在端口 8080 上提供服务的 golang 服务器代码,我可以通过转到 instanceip:8080/hello 来访问我的 helloworld 代码。 我在 react 代码中添加了一个 axios 调用来获取端点 /hello,它返回 404。
我还尝试让我的 golang 将 index.js 作为实例 ip:8080 的静态页面进行处理,并返回 404。
如何让我的不同端口正常运行?我不知道我在这里错过了什么。
这是我的主服务器代码片段:
indexLoc := os.Genenv(webRootEnv) + "/index.html" // verified this is the correct path to my static index.html file by logging it out fs := http.FileServer(http.Dir(indexLoc)) http.ListenAndServe(":8080", nil) http.Handle("/", fs)
有人知道我缺少什么吗?提前致谢!
解决方案
可能有两个原因:
- 您要为
http.Dir
指定一个文件名,它需要一个目录。 - 您的处理程序在调用
listenandserve
后注册,因此使其无用(从未调用 http.handle)
您可以通过更改代码来修复它,如下所示:
indexLoc := os.Genenv(webRootEnv) // webRootEnv is a directory path fs := http.FileServer(http.Dir(indexLoc)) http.Handle("/", fs) // register handler before listening http.ListenAndServe(":8080", nil)
您可能还想处理从 ListenAndServe
返回的错误,以防止程序出现无提示故障
以上就是《为什么我的静态网页会出现 404 错误?》的详细内容,更多关于的资料请关注golang学习网公众号!
-
502 收藏
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
139 收藏
-
204 收藏
-
325 收藏
-
477 收藏
-
486 收藏
-
439 收藏
-
357 收藏
-
352 收藏
-
101 收藏
-
440 收藏
-
212 收藏
-
143 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 508次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习