React JS 前端中的错误 Access-Control-Allow-Origin

Question

我正在开发一个React JS项目。我有一个单独的本地 apache pdf 文件服务器。我正在从 url 访问任何 pdf 文件，例如：“ http://local_server_IPaddress/dirname/sample.pdf ”。我正在传递此 url 以在 React 组件中显示 pdf 文件，但出现以下错误。请告诉我如何解决这个问题。

参考- https://www.npmjs.com/package/react-pdf 代码

<Document
      file="http://local_server_IPaddress/dirname/sample.pdf"
      onLoadSuccess={this.onDocumentLoadSuccess}
        >
          <Page pageNumber={pageNumber} />
 </Document>

浏览器控制台错误登录

从源“http ://localhost:3000”获取“http: //local_server_IPaddress/dirname/sample.pdf ”的访问已被 CORS 策略阻止：“Access-Control-Allow-Origin”标头不存在请求的资源。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

Answer 1

用于开发目的的简单解决方案：

您可以在实际 URL 之前添加此允许 cors 的 URL

file={"https://cors-anywhere.herokuapp.com/" + pdf}