网站开发遇到的一个坑点

我在网站写了这样一个功能:

前端页面有三个文本框和一个提交按钮,点击后将信息发送给后端并保存到数据库。

在开发阶段,我的前端代码是这样写的:
fetch('http://localhost:3000/api/submit', ...)

意思是将信息发送到本地3000端口,在开发阶段,这里没问题。

因为就是在本地开发的。

然而,项目上线后,这个提交功能却直接失效了。经过排查才恍然大悟:前端代码是下载到用户的浏览器中执行的。 如果在代码里写死 localhost,用户的浏览器就会去请求他们自己电脑上的 3000 端口,而不是我的线上服务器。

现在问题已经解决

写成这样就行了:

fetch('/api/submit', ...) 这样浏览器会自动将当前网页的线上域名拼接到请求前面。

虽然问题很简单,但是暴露出一个很严重的问题,如果项目发生错误,我根本没有能力去调试,甚至不知道问题会在什么地方。

好在现在还没有去上班。

相关推荐
一水鉴天2 小时前
统一对象拓扑(UOT)设计全链定稿:从三件事分离到三继承 之1 20261010(豆包“查看聊天内容”继续)
前端·css
栖凤3 小时前
Java 的 try-catch 在 Agent 里失效了,我用了 5 个模式才兜住
java·前端·python
粥里有勺糖3 小时前
视野修炼第136期 | 前端小恐龙"Deno"被收购
前端·github·ai编程
修炼的dance3 小时前
页面塞了13.88 MB字体,导出的PDF只有71 KB
前端
qq_369173633 小时前
如何将 AI 生成的 HTML 网页发布成在线链接?不用自己搭建服务器
前端·人工智能·html·效率工具·html 发布
风花一世月3 小时前
⚡ 我把一座含氢能源园区搬进了浏览器(五类能流实时算守恒,在线直接玩)
前端·人工智能
羲云3 小时前
Claude 越界事件之后:Agent 权限设计为什么不能只靠提示词
前端
行者全栈架构师3 小时前
【鸿蒙心迹】鸿蒙网络请求架构实战——@ohos.net.http 到 Axios 封装、拦截器与统一错误处理(HarmonyOS 7.x)
前端·算法·架构
全栈Agent 小李4 小时前
【无标题】
前端·后端·agent·ai编程·全栈·cursor·mcp
羲云4 小时前
别让 AI 凭记忆做调研:给 WorkBuddy 接上可核验的实时搜索
前端