主页 / 问题 / 815293
Accepted
Igor Garnik
Asked:2020-04-17 15:02:29 +0000 UTC2020-04-17 15:02:29 +0000 UTC

“访问控制允许来源”错误

  • 772

面对这样的问题，Chrome 给出了以下错误。

无法加载http://localhost:3000/cars：对预检请求的响应未通过访问控制检查：“Access-Control-Allow-Origin”标头的值“null”不等于提供的来源. 因此，Origin 'null' 不允许访问。

这是我与服务器联系的请求：

getData () {
    const url = "http://localhost:3000/cars";
    const xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.setRequestHeader('Content-type','application/json; charset=utf-8');
    xhr.onload = function () {
         const response = JSON.parse(xhr.responseText);
         if (xhr.status == "200") {
              return response;
         } else {
              console.error(response);
         }
    };
        xhr.send();
}
ajax

2 个回答

  1. Best Answer

    这不是错误，而是安全限制。

    发生这种情况是因为您发送此请求的页面未从该服务器（端口）加载

    也许您只需要将发送请求的页面放置到发送请求的服务器

    否则

    你的网络服务器应该设置标题access-control-allow-origin

    根据消息

    无法加载http://localhost:3000/cars：对预检请求的响应未通过访问控制检查：“Access-Control-Allow-Origin”标头的值“null”不等于提供的来源. 因此，Origin 'null' 不允许访问

    你在那里null

    *对于测试，在此处放置一个允许跨域请求的符号就足够了

    一般来说，这里为您提供跨域查询

    • 3

  2. 能：

    有一个 PHP 小技巧。这个技巧不仅适用于谷歌，也适用于您无权访问且无法添加 Access-Control-Allow-Origin 的任何网站 *

    我们需要在我们的服务器上创建一个 PHP 文件（例如 getContentFromUrl.php）并访问它。

    PHP

    <?php

$ext_url = $_POST['ext_url'];

echo file_get_contents($ext_url);

?>

    JS

    $.ajax({
    method: 'POST',
    url: 'getContentFromUrl.php', // link to your PHP file
    data: {
        // url куда наш сервер будет отправлять запрос, который мы не можем сделать через AJAX
        'ext_url': 'https://stackoverflow.com/questions/6114436/access-control-allow-origin-error-sending-a-jquery-post-to-google-apis'
    },
    success: function(data) {
        // теперь мы можем взять любые данные из внешнего url, потому что у нас есть вся страница
        var $h1 = $(data).find('h1').html();

        $('h1').text($h1);
    },
    error:function() {
        console.log('Error');
    }
});

    这个怎么运作：

    1. 您的浏览器将使用 JS 向您的服务器发送请求
    2. 您的服务器将向任何其他服务器发送请求并获得响应
    3. 您的服务器会将此响应发送到您的 js 文件

    我们可以为按钮添加一个 onClick 事件。希望这可以帮助！

    • 0

相关问题