CORS 策略：请求的资源 (js/ts) 上不存在“Access-Control-Allow-Origin”标头答案

【问题标题】：CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource (js/ts)CORS 策略：请求的资源 (js/ts) 上不存在“Access-Control-Allow-Origin”标头
【发布时间】：2022-02-05 01:24:30
【问题描述】：

我正在尝试使用 axios 向我的后端发出 post 请求。每次我提出请求时都会收到此错误：

origin 'http://localhost:1234' 已被 CORS 策略阻止：否请求中存在“Access-Control-Allow-Origin”标头资源。

所以我添加了适当的标题：

const FRONTEND_URL = 'http://localhost:1234'

export async function connect( address:string | undefined, signature:string | undefined ) {
        const url = `${SERVER_URL}/connect`;
        return await axios.post(
          url,
          { address, signature },
          {
            headers: {
              'Access-Control-Allow-Headers': '*',
              'Access-Control-Allow-Origin': `${FRONTEND_URL}`,
              'content-type': 'application/json',
    
            },
          }
        );
      }

我仍然遇到同样的错误。为什么它没有检测到我的 Access-Control-Allow-Origin 标头？（我已经多次重启服务器）

https://masteringjs.io/tutorials/axios/post-headers

【问题讨论】：

CORS 标头需要在服务器上设置为 response 标头。
除了@Pointy 的评论，见stackoverflow.com/a/71000016/2541573。我相信问题的原因及其解决方法与您的情况相同。

标签： javascript typescript cors

【解决方案1】：

由于您正在开发中运行路由，这意味着由于 CORS 政策，您会遇到错误的各种端口。您可能会查看这些答案，因为它们已经提供了很多解释enable cors。

另外，您可以查看 CORS 包的文档CORS

【讨论】：