React调用TripAdvisor API遇CORS错误，是否需搭建代理服务器？

首先，Postman能正常请求是因为它不执行浏览器的CORS安全策略，而浏览器会强制检查跨域请求的响应头，TripAdvisor这个API确实没配置Access-Control-Allow-Origin，所以前端直接调用必然报错。

针对你的问题：

• 搭建代理服务器是最可靠的解决方案，这也是这类场景下的行业常规操作。代理服务器相当于中间层，由它向TripAdvisor API发起请求（服务器端请求不受浏览器CORS限制），再把结果返回给你的React应用。
• 不是所有开发者都自己从零搭建代理：
  • React开发阶段可以直接用内置的代理配置，在package.json里加一行"proxy": "https://api.content.tripadvisor.com"，开发服务器会自动帮你转发请求，不用额外搭服务。
  • 生产环境可以用Nginx、Cloudflare Workers这类现成的服务做反向代理，或者把API请求逻辑集成到你自己的后端服务里（如果有的话）。
• 另外要确认下TripAdvisor的API文档，有些API是专门给服务器端调用的，不支持前端直接请求，这类API通常会要求在请求里带密钥，前端直接调用还会有密钥泄露的风险，所以用代理也能顺便保护你的API密钥。

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