无法获取Coinmarketcap API数据的CORS跨域报错原因咨询

• 本质是浏览器同源安全策略触发的CORS跨域拦截，CoinMarketCap的官方API服务端没有配置允许http://localhost:19006这类前端域名跨域访问，返回的响应头里没有携带Access-Control-Allow-Origin字段，所以浏览器直接阻断了响应数据的返回。
• 你的代码存在概念性错误：Access-Control-Allow-Origin、Access-Control-Allow-Methods这类CORS相关字段是服务端返回响应时需要携带的响应头，不是客户端发起请求时要加的请求头，你在前端请求里加这些字段没有任何作用，反而可能导致预请求（OPTIONS）校验失败。
• CoinMarketCap的Pro API本身就不支持前端直接调用，该接口的设计用途是给后端服务发起请求使用的。你直接在前端调用除了必然触发跨域问题外，还会直接泄露你的X-CMC_PRO_API_KEY，任何人都可以从前端代码中提取你的密钥滥用，导致配额消耗、账号封禁等问题。

• 新增后端中转层转发请求：自己写一个简单的后端接口接收前端请求，再由后端服务向CoinMarketCap发起请求，服务端发起请求没有同源策略限制，不会触发CORS问题。
• 用前端构建工具的代理功能转发：比如Webpack的devServer proxy、Vite的proxy配置，本地开发时把指向CoinMarketCap的请求通过本地开发服务中转，也可以规避跨域问题。
• 临时开启浏览器禁用安全策略的模式调试，仅适用于本地临时测试，禁止在正式场景使用。

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