Javascript CORS政策：否'；访问控制允许原点'；请求的资源上存在标头。如何在html中修复它？_Javascript_Html_Cors

Javascript CORS政策：否'；访问控制允许原点'；请求的资源上存在标头。如何在html中修复它？

javascript html cors

Javascript CORS政策：否'；访问控制允许原点'；请求的资源上存在标头。如何在html中修复它？,javascript,html,cors,Javascript,Html,Cors,我创建了一个HTML文件，并在那里实现了一个来自Javascript的获取请求。但是它是说被CORS政策阻止了。如何删除此错误我的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width-device-width ,ini

我创建了一个HTML文件，并在那里实现了一个来自Javascript的获取请求。但是它是说被CORS政策阻止了

。如何删除此错误
我的代码：
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <!-- <meta name="viewport" content="width-device-width ,initial-scale=1.0"> -->
        <meta http-equiv="X-UA-Compatible" content="ie-edge">

        <script src="https://code.jquery.com/jquery-3.5.0.js" integrity="sha256-r/AaFHrszJtwpe+tHyNi/XCfMxYpbsRg2Uqn0x3s2zc=" crossorigin="anonymous"></script>
        <title>Document</title>

        <script type="text/javascript">
            fetch("http://ec2-13-233-168-148.ap-south-1.compute.amazonaws.com:8181/v1/youtube/detail?url=https://www.youtube.com/watch?v=FS9dkwhPypY").then(

                res=>{
                    res.json().then(
                        data=>{
                            console.log(data.videoDetails.keywords.length);
                console.log(data.videoDetails.thumbnail.thumbnails.length)           


                        })
                    });

        </script>

    </head>
    <body>
      <div class="container">   
      <table class="table table-stripped">
        <thead>
            <tr>

                <th>Url</th>
                <th> height</th>
            <th>width </th>
            </tr>
        </thead>

        <tbody id="th"></tbody>

      </table>
       <table class="table table-stripped">
        <thead>
          <tr>


            <th>Keyword</th>
          </tr>
        </thead>
        <tbody id="data"></tbody>
      </table>
    </div>
    </body> 
    </html>

如何解决此问题？
当您的客户端从不同的端点（与您的浏览器URL不同）请求资源而不是客户端的源时，通常会发生这种情况
因此，您必须从后端web服务器启用CORS来解决此问题。配置将因您使用的web服务器而异。请从下面看
适用于Apache

将下面的行添加到虚拟主机中
Header set Access-Control-Allow-Origin "*"

用于Nginx

将下面的行添加到相关的nginx配置文件中
add_header Access-Control-Allow-Origin *;

add_header Access-Control-Allow-Origin *;