求助：使用Infura IPFS客户端调用add接口遇403及方法不支持问题

1. 修正API路径配置 #

你当前的apiPath配置多了冗余前缀/ipfs，Infura的IPFS API根路径为/api/v0，额外的前缀会导致请求路径错误，触发403禁止访问。

修正后的客户端初始化代码：

import { create as ipfsHttpClient } from 'ipfs-http-client';

const projectId = 'xx';
const projectSecret = 'xx';
const auth = `Basic ${Buffer.from(`${projectId}:${projectSecret}`).toString('base64')}`;
const options = {
  host: 'ipfs.infura.io',
  protocol: 'https',
  port: 5001,
  apiPath: '/api/v0', // 移除多余的/ipfs前缀
  headers: {
    authorization: auth,
  },
};
const dedicatedEndPoint = 'https://xx.infura-ipfs.io';
const client = ipfsHttpClient(options);

2. 调整add方法调用逻辑 #

不同版本的ipfs-http-client对参数处理有差异，同时你构造的资源URL缺少必要的/ipfs段，修正后的上传函数：

const uploadToIPFS = async (file) => {
    try {
      // 直接传入File对象，无需包裹在content字段中
      const added = await client.add(file, {
        pin: true, // 显式设置固定文件（Infura默认固定，显式设置更稳妥）
        wrapWithDirectory: false
      });

      // 补充/ipfs路径段，符合IPFS资源URL格式
      const url = `${dedicatedEndPoint}/ipfs/${added.path}`;
      return url;
    } catch (error) {
      console.log('Error uploading file to IPFS: ', error);
    }
};

3. 检查Infura项目配置 #

• 确认项目已开启IPFS服务，项目ID和密钥无拼写/字符遗漏；
• 前端环境调用时，需在Infura控制台的IPFS项目设置中，将当前前端域名添加到CORS白名单，避免跨域权限问题。

4. 用curl验证API可用性 #

如果上述修正后仍报错，可通过curl直接测试API，排除前端代码逻辑问题：

curl -X POST "https://ipfs.infura.io:5001/api/v0/add" \
     -u "YOUR_PROJECT_ID:YOUR_PROJECT_SECRET" \
     -F file=@/path/to/your/test/file

若curl请求成功，问题出在前端代码；若同样返回403，需检查Infura项目状态与权限配置。

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