如何解决“'Reactful-react”中没有'Access-Control-Allow-Origin'标头CORS禁用问题

Question

我非常陌生。试图解决CORS问题。 Google解决方法/修复程序。但对于此问题，尚无很好的解决方案，请采取静静的措施。

从原点的'http://x.x.x.x:8080/code/api/v1/runs/'处获取获取信息>'http://localhost:3000'>已被CORS策略阻止：>所请求的资源上没有'Access-Control-Allow-Origin'标头。如果不透明的响应满足您的需求，请将请求的> mode设置为“ no-> cors”以在禁用CORS的情况下获取资源。

添加标题'Access-Control-Allow-Origin'：在使用Angular时可以正常工作。但没有反应[]

带有获取请求的示例代码，该请求返回json作为响应

import { useGet } from "restful-react";

const TempRestApi = () => {
  const { data: todaysData, loading } = useGet({
    path: "http://x.x.x.x:8080/code/api/v1/runs/today",
    headerOptions:{'Access-Control-Allow-Origin': '*'},
  });
  console.log(todaysData)
  return loading ? (
    <h1>Loading...</h1>
  ) : (
  <p>{todaysData}</p>
  );
};

export default TempRestApi;
注意：考虑到我无权访问后端服务器

谢谢，

我非常陌生。试图解决CORS问题。 Google解决方法/修复程序。但对于此问题，尚无良好的解决方案，请多加注意。可以在'http：//x.x.x.x：8080 / code / api / v1 / runs /'...

Answer 1

看来这是将标头添加到具有Restful反应的请求的正确方法。以此替换headerOptions属性。