502作为预检请求中的响应

Question

我一直在使用axios一段时间，但昨天开始在某些（不是全部）预检（OPTIONS）回复中捕获502。

我的配置非常默认

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

任何想法为什么它现在出来，为什么这只是一些回应？

Answer 1

502是服务器错误。这意味着API存在问题，而不是您的请求。

Answer 2

正如Michal所说，502表示Bad Gateway。当您在预检请求中看到此消息时，通常意味着您的选项标题存在问题。既然您已声明在生产环境中看到此内容，但未在开发中看到此内容，则表明您的标头对您的开发域有效，但对您的生产域无效。

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

  

Access-Control-Allow-Origin：*

OR

  

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

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