网站开发遇到的一个坑点

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

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

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

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

因为就是在本地开发的。

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

现在问题已经解决

写成这样就行了:

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

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

好在现在还没有去上班。

相关推荐
葡萄城技术团队3 小时前
1000 人协同压测的环境瓶颈排查:CPU 争用与 Wi\-Fi
前端
excel4 小时前
Marked 与 Markdown 有什么区别?该怎么选?
前端
Da Da 泓5 小时前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
zxcvb1535 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档
niucloud-admin6 小时前
NIUCLOUD PHP SAAS上门家政使用文档:城市管理
java·前端·php
北岛贰6 小时前
啵啵音乐迎来全新升级!
前端
hkNaruto8 小时前
【AI】基于大模型的AI游戏地图生成、控制方案:AI Native Game Harness 迁移操作手册
前端·人工智能·游戏
IT_陈寒8 小时前
Java序列化踩坑记:对象循环引用让我加班两小时
前端·人工智能·后端
Acro8 小时前
快给macOS 上的Grok Bot换一套皮肤
前端
flash俊杰8 小时前
双引擎 OCR 编排:逐页判定、视觉优先、partial 语义与三层超时
前端