第三方API跨域问题求助：无法在浏览器获取Coinexchange API数据

嘿，我完全懂你现在的困扰——浏览器的同源策略在这种场景下确实会卡得很死。让我给你拆解下可行的解决方案：

为什么mode: 'no-cors'行不通？ #

你说得非常对，当设置mode: 'no-cors'时，浏览器确实会发起请求，但会把响应标记为**opaque（不透明）**状态。这就意味着你根本没法读取响应的内容、状态码甚至头信息，和img标签加载图片的逻辑类似——只执行请求动作，但完全不让JS接触响应细节。所以这个方式本质上没法帮你拿到想要的API数据。

正确的解决方案 #

1. 搭建后端代理服务器（最推荐） #

同源策略只限制浏览器端的请求，后端服务完全不受这个规则约束。你可以搭一个简单的后端接口，让前端请求自己的后端，再由后端去调用目标第三方API，最后把数据转交给前端。

给你一个Node.js + Express的极简示例：

const express = require('express');
const fetch = require('node-fetch');
const app = express();

// 代理接口
app.get('/api/proxy-markets', async (req, res) => {
  try {
    const apiResponse = await fetch('https://www.coinexchange.io/api/v1/getmarkets');
    const rawData = await apiResponse.json();
    // 这里可以直接做你需要的camelizeKeys、normalize等处理
    res.json(rawData);
  } catch (error) {
    res.status(500).json({ error: '获取数据失败' });
  }
});

app.listen(3000, () => {
  console.log('代理服务器运行在端口3000');
});

之后前端代码就可以请求自己的代理接口：

function callApi() {
 return fetch('http://localhost:3000/api/proxy-markets')
 .then(response => response.json())
 .then(response => {
 const camelizedJson = camelizeKeys(response);
 return Object.assign({}, normalize(camelizedJson));
 })
}

2. 检查目标API是否支持JSONP（备选方案） #

部分旧的公开API会支持JSONP来绕开CORS限制，但这种方式现在已经逐渐被淘汰，还存在安全风险。你可以去目标API的文档里看看，有没有类似callback的参数。如果支持的话，你可以通过动态创建<script>标签的方式请求数据，但这种方式只支持GET请求，也没法处理错误状态。

3. 确认API是否有CORS配置选项 #

有些API允许你携带API密钥请求，或者通过后台配置添加你的域名到白名单，从而返回Access-Control-Allow-Origin头。你可以去目标API的开发者文档里找找相关说明，看看是否需要申请密钥并配置跨域权限。

总结 #

最可靠且安全的方案就是用后端代理——它不仅能解决CORS问题，还能帮你在后端做数据预处理、缓存、密钥管理等工作，比前端直接调用灵活可控得多。

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