Node环境API调用正常，HTML中调用CoinMarketCap API遇网络错误求助

你的核心问题是浏览器端跨域请求被阻止，原因如下：
CoinMarketCap的Pro API是为服务器端调用设计的，未配置浏览器跨域（CORS）允许的响应头；同时把API密钥直接写在前端代码里会完全暴露，存在严重安全风险（任何人都能窃取密钥并滥用）。Node环境能正常运行是因为Node不受浏览器同源策略限制。

解决办法 #

1. 搭建后端代理（推荐） #

写一个简单的Node.js后端服务，在后端调用CoinMarketCap API，前端请求自己的后端接口，既解决跨域问题，又能安全保存API密钥。

后端示例（Express）：

const express = require('express');
const axios = require('axios');
const cors = require('cors'); // 允许前端跨域请求
const app = express();
app.use(cors());

const apiKey = '你的CoinMarketCap密钥';

app.get('/get-btc-price', async (req, res) => {
  try {
    const response = await axios.get('https://pro-api.coinmarketcap.com/v1/cryptocurrency/quotes/latest', {
      params: { symbol: 'BTC' },
      headers: { 'X-CMC_PRO_API_KEY': apiKey }
    });
    res.send(response.data);
  } catch (error) {
    res.status(500).send({ error: error.message });
  }
});

app.listen(3000, () => console.log('代理服务运行在 http://localhost:3000'));

前端修改：

window.onload = function() {
  axios.get('http://localhost:3000/get-btc-price')
  .then(response => {
    const bitcoinData = response.data.data.BTC;
    const price = bitcoinData.quote.USD.price;
    document.getElementById("price").innerHTML = `Bitcoin price: $${price.toFixed(2)}`;
  })
  .catch(error => console.log(error))
}

2. 使用支持浏览器端的加密货币API #

如果不想搭建后端，可以选择支持CORS、无需密钥或密钥安全的API：

推荐替代API #

• CoinGecko API：免费无密钥，支持浏览器直接调用，接口覆盖加密货币价格、行情等数据，文档友好。
• Binance公开API：无需密钥即可获取实时市场价格，支持CORS，适合获取基础行情数据。
• Crypto.com API：免费 tier 提供基础数据查询，支持浏览器端调用（注意密钥存储安全）。

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