首页 > 解决方案 > 尝试从 javascript 中的 URL 获取时出现“(原因:CORS 标头 'Access-Control-Allow-Origin' 缺失)”

问题描述

我正在尝试从 URL 中获取字符串并在控制台中打印,代码如下:

function myFunction() {

    const url = 'http://127.0.0.1:5000/' + makeOutputId + "," + modelOutputId + "," + userInputYear + "," + userInputTransmissionId + "," + userInputFuelTypeId
    + "," + userInputEngineCapacity + "," + userInputMileAge;

    console.log(url);
    fetch(url)
    .then(function (response) {
        response.text().then(function (text) {
            storedText = text;
            console.log(storedText);
        });
    }); 
}

当我单击 URL 时,它可以工作,但是当我尝试获取它时,我得到了标题中提到的错误。我的代码有什么问题吗?我尝试过类似问题的其他答案,但没有一个有帮助。

标签: javascripturlfetch

解决方案


如果您有权访问后端设置,请尝试添加 2 个标头,如下所示:

$response = $response->withHeader('Access-Control-Allow-Origin', '*');
$response = $response->withHeader('Access-Control-Allow-Headers', 'Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With');

获取更多信息https://www.google.com/search?q=cors+policy


推荐阅读