javascript - 502 作为飞行前请求的响应

Question

我已经使用 axios 一段时间了，但昨天它开始在某些(不是全部)预检 (OPTIONS) 响应中捕获 502。

我的配置很默认

const api = axios.create({
    baseURL: 'my.api.url',
    transformResponse: myTransformFunction,
});

为什么它现在就出来了，为什么只是一些回复就这样了？

Answer 1

正如 Michal 所说，502 表示错误的网关。当您在预检请求中看到此信息时，通常意味着您的选项 header 存在问题。由于您已经声明您在生产中看到了这一点，但在开发中没有看到，这向我表明您的 header 对您的开发域有效，但对您的生产域无效。

要解决此问题，您需要确保 API 的服务器响应

Access-Control-Allow-Origin: *

或

Access-Control-Allow-Origin: https://www.myProductionDomain.com

除此之外，由于听起来您无权更改这些属性，因此您可以确保您的生产版本使用与开发版本相同的域。