Azure APIM单API调用报缺失订阅密钥401错误求助

核心问题：Axios POST参数顺序错误 #

你的trainProjectAsync函数中，axios.post的参数传递逻辑错误。Axios POST方法的标准签名为：

axios.post(url[, data[, config]])

你当前把requestConfig作为第二个参数（请求体位置）传入，导致请求头未被正确设置，反而把配置对象当作请求体发送出去。这就是APIM提示「缺少订阅密钥」、后端返回401的根本原因——实际请求中并没有带上你配置的订阅密钥和授权头信息。而GET请求能成功，是因为axios.get的签名为axios.get(url[, config])，参数顺序不会出现此类问题。

修正后的前端代码 #

将requestConfig作为第三个参数传入，由于该POST请求不需要请求体，第二个参数传null或空对象即可：

export const trainProjectAsync = async (projectName: string): Promise<NluTrainingState> => {
  try {
    const url: string = `${webApiConfig.endpointUrl}/Nlu/${projectName}/Train`;
    const token = await getToken();
    const requestConfig: AxiosRequestConfig = {
      headers: {
        Authorization: token,
        "Content-Type": "application/json",
        "Ocp-Apim-Subscription-Key": webApiConfig.subscriptionKey,
      },
      signal: new AbortController().signal,
    };

    // 修正参数顺序：第二个参数为请求体（此处不需要，传null），第三个是配置
    const response = await axios.post<NluTrainingState>(url, null, requestConfig);

    return response.data satisfies NluTrainingState;
  } catch (error) {
    if (axios.isAxiosError(error)) {
      throw new Error(`API call axios malfunction code: ${error.code} ${JSON.stringify(error.response)}`);
    } else {
      throw new Error(`API call stock malfunction, reason: ${error}`);
    }
  }
};

额外验证点 #

• 环境变量有效性：确认REACT_APP_WEBAPI_GATEWAY_SUBSCRIPTION_KEY环境变量已正确加载，无空值或拼写错误，可在函数中打印webApiConfig.subscriptionKey验证。
• APIM配置一致性：检查APIM中该POST接口的订阅密钥校验规则是否与其他正常接口一致，是否存在方法级别的特殊限制。
• 后端授权逻辑：后端接口带有[Authorize]属性，确认Authorization头中的token有效且具备该接口的访问权限（Postman测试正常说明后端逻辑本身无问题）。

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