Angular代理配置未追加端点问题求助
问题解决:Angular代理未正确转发路径与参数
问题分析
你的代理配置存在两个关键问题,导致请求被错误转发到目标服务器根路径,而非预期的http://localhost:1880/ntc/event:
secure字段使用了字符串值"false",HPM(HTTP Proxy Middleware)会将其解析为布尔值true,触发安全校验逻辑,干扰正常转发- 缺少
changeOrigin: true配置,跨域场景下目标服务器可能因主机头不匹配拒绝请求,或导致路径转发异常
修正后的代理配置
将proxy.conf.json修改为以下内容:
{ "/ntc": { "target": "http://localhost:1880", "secure": false, "logLevel": "debug", "changeOrigin": true, "headers": { "Authorization": "Basic dXNlcjpVc2VyMSE=" } } }
关键修改说明
secure: false:将字符串改为布尔值,禁用对目标服务器SSL证书的校验(仅开发环境使用)changeOrigin: true:代理服务器会自动修改请求的Host头为目标服务器的主机名,确保目标服务器能正确识别请求- 保留原有的
logLevel: debug,可以在控制台查看详细的转发日志,确认请求是否被正确转发到http://localhost:1880/ntc/event并携带查询参数
验证步骤
- 重启Angular开发服务器,确保新的代理配置生效
- 发起请求后查看控制台的HPM日志,确认转发的目标URL包含完整路径
/ntc/event及查询参数
内容的提问来源于stack exchange,提问作者Anonymoose
相关产品推荐
相关产品推荐

