如何修复在React中获取API时出现的CORS问题？

Question

下面是API调用的代码

import React from "react";
import Axios from "axios";


function Beneficiary(){
        Axios.get("https://documenter.getpostman.com/view/9696470/TVes5krr#ec106c43-0f73-4e81-807f-6acd2363171e").then(
            (response)=> {
            console.log(response);
            
            }
        );
        return <div>
        
         </div>  
    };
    



export default Beneficiary;

所以当我检查应用程序时，我会...

Access to XMLHttpRequest at 'https://documenter.getpostman.com/view/9696470/TVes5krr#ec106c43-0f73-4e81-807f-6acd2363171e' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError

我如何解决CORS问题，以便能够从API获取所需的详细信息到应用程序？

Answer 1

您需要为“access-controll-allow-origin”添加标头。试试看,如果有帮助,请告诉我：

axios.get('https://documenter.getpostman.com/view/9696470/TVes5krr#ec106c43- 
  0f73-4e81-807f-6acd2363171e', {
  headers: {"Access-Control-Allow-Origin": "*"
}