GitHub项目部署Debian11服务器遇CORS策略阻塞问题求助

核心原因 #

前端发起请求的目标地址是http://localhost:4011/correction，但前端页面部署在公网IP212.227.31.123环境下，浏览器的CORS策略禁止非安全上下文的公网页面请求本地私有地址，直接触发跨域拦截报错。

具体修改步骤 #

• 定位项目里的接口配置文件：通常在src/environments/environment.ts，或者src/app/services/目录下的API服务文件中，找到包含localhost:4011的代码行。
• 修改接口地址：将http://localhost:4011/correction替换为服务器公网IP加对应端口，即http://212.227.31.123:4011/correction；如果后端服务和前端部署在同一服务器，也可使用服务器内网IP，但需确保前端能访问到4011端口。
• 重启前端服务：修改完成后重新执行启动命令

sudo ng serve --host 212.227.31.123 --port 80

额外注意事项 #

• 确保Debian 11服务器的4011端口已开放，可执行命令ufw allow 4011完成端口放行。
• 后端服务需设置为监听服务器公网IP或0.0.0.0，不能仅监听localhost，否则前端无法正常调用接口。

内容的提问来源于stack exchange，提问作者gabriel bellec