预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段身份验证

Question

--这是主机错误。 问题解决了——

我正在使用快速 API。
我已经通过 npm cors包启用了所有 cors。
像这个app.use(cors())

当我在本地主机上运行它时，它工作正常。 它在实际的 VPS（服务器）上也运行良好，但今天突然我的 API 开始给我这个错误：-

Access to XMLHttpRequest at 'https://apilink' from origin 'https://frontendlink' has been blocked by CORS policy: Request header field authentication is not allowed by Access-Control-Allow-Headers in preflight response.

它在我的本地主机上仍然可以正常工作，但现在在实际网站上出现上述错误。

下面是我的一些代码块

提前致谢

我在前端的 Axios 实例

import axios from "axios"

const axiosInstance = axios.create({
    headers: {
        Authentication: `Bearer ${
            somewhere_token ?? null
        }`,
    },
})

export default axiosInstance

在所有路由之前的 server.js 中的某个位置

app.use(cors())

我也在 server.js 文件中尝试了以下解决方案，但没有解决我的问题

// solution 1
app.options('*', cors());
// solution 2
app.use(cors({
    origin: "*",
    allowedHeaders: "*",
}))

Answer 1

可能您可以通过在任何地方添加 * 来修复它，但请考虑使用反向代理将您的请求从前端主机传递到后端代理作为最佳实践。 我知道这是一个额外的学习曲线，但对于现代 API 来说，这可能是必须的，因为它不仅可以解决 CORS 问题。

这里有很好的指南https://blogs.perficient.com/2021/02/10/nginx-proxy-for-cors/