проблема с вызовом API из расширения Chrome

Question

Я пытаюсь создать расширение Chrome, которое создает скрипт контента, я пытаюсь сделать вызов API, но не могу получить ответ. Я получаю ответ с типом CORS и статусом 200. Я уже подключил внешний хост API к разделу разрешений в manifest.json

мой код:

fetch('http://www.virustotal.com/vtapi/v2/ip-address/report?ip=8.8.8.8&apikey=My API KEY')
    .then(res => {
        console.log(res);
// Response{type: cors, url:http://www.virustotal.com/....... status: 200}
        return res.json(); // Here is the problem
    })
    .then(data => {
        console.log(data);
    })

manifest.json:

{
    "name": "IP information on hover",
    "description": "IP information on hover",
    "version": "1.0",
    "manifest_version": 2,
    "browser_action": {
        "default_icon": "hello_extensions.png"
    },
    "permissions": [
        "https://www.virustotal.com/",
        "http://www.virustotal.com/"
    ],
    "content_scripts": [
        {
            "matches": [
                "http://*/*",
                "https://*/*"
            ],
            "js": [
                "jquery-3.4.0.js",
                "getIpReport.js"
            ],
            "run_at": "document_end"
        }
    ]
}

ошибка: Uncaught (в обещании) SyntaxError: Неожиданный конец ввода JSON в getIpReport.js: 23

Answer 1

Сценарии содержимого больше не могут отправлять запросы из разных источников. Сделайте это в фоновом сценарии. Спасибо wOxxOm