GAE部署Node.js全栈应用遭遇CORS跨域拦截问题求助

背景 #

本人熟悉CORS机制，且在项目开发中解决过相关问题。目前正将完成度85%-90%的Node.js全栈应用部署至Google App Engine（GAE）用于展示，部署架构包含三个端点：静态网站、全栈应用前端、全栈应用后端，通过多份app.yaml与单个dispatch.yaml管理服务。

问题描述 #

GAE deploy生成的URL已对应配置到服务端CORS规则中，但部署后前端控制台出现CORS错误：No 'Access-Control-Allow-Origin'。已在api/app.js中同时使用cors中间件与自定义响应头设置CORS，且配置的Origin与请求来源URL完全匹配，仍无法解决拦截问题。曾考虑修改API的app.yaml头部，但认为应用层应可处理该问题。已尝试移除客户端URL尾斜杠，问题依旧。

相关配置与代码 #

shoedawg-client.yaml #

# 此处为shoedawg-client.yaml配置内容

shoedawg-server.yaml #

# 此处为shoedawg-server.yaml配置内容

dispatch.yaml #

# 此处为dispatch.yaml配置内容

前端请求代码 #

validateToken函数

// 此处为validateToken函数代码

LandingPage调用代码

// 此处为LandingPage中的调用代码

请求协助 #

• 排查CORS错误的根源
• 对现有GAE yaml配置提出优化建议

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