javascript - Chrome 扩展 - 将信息传递到 API - 获取 cors 400

Question

我正在尝试通过 Chrome 扩展程序获取文本并将其发布到 google API。

目前我收到此错误。

POST https://language.googleapis.com/v1/documents:analyzeSentiment?key=PASSWORD 400
Response {type: "cors", url: "https://language.googleapis.com/v1/documents:analy…iment?key=strongPassword", redirected: false, status: 400, ok: false, …}
body: (...)
bodyUsed: false
headers: Headers {}
ok: false
redirected: false
status: 400
statusText: ""
type: "cors"
url: "https://language.googleapis.com/v1/documents:analyzeSentiment?key=Strongk"
__proto__: Response

我尝试使用 XMLHttpRequest 而不是 fetch，并使用下面的代码进行了测试(使用了 fetch)。

function sendData(text) {
    console.log(text);
// json p?
    var request = {
        document: {
            type: 'PLAIN_TEXT',
            content: text
        },
        encodingType: 'UTF8'
    };
    //use another type of call?
    var jsonRequest = JSON.stringify(request)
    console.log("JSON STRING: "+jsonRequest)
    fetch('https://language.googleapis.com/v1/documents:analyzeSentiment?key=StrongkPword', {
    mode:'cors',    
    method: 'POST',
        body: jsonRequest,
        headers: {
            'Content-Type': 'application/json'
        }
    }).then((res) => {
        console.log(res)
        console.log(res.body)
    });
}

所以我目前的想法是，需要使用JsonP，或者还有其他不太对劲的地方。

发送的文本是

JSON STRING: {"document":{"type":"PLAIN_TEXT","content":"GIVE IT A STAB.. YEAH...PLZWORK "},"encodingType":"UTF8"}

{
    "manifest_version": 2,
    "name": "C.E",
    "short_name": "MRPHASMD",
    "version": "1.0",
    "author": "MICHAEL HOLBORN",

    "description": "A minimal extension which demonstrates ma power level.",

    "content_scripts": [
        {
            "matches": [ "*://mail.google.com/*" ],
            "js": [
                "src/extensionInjector.js"
            ],
            "run_at": "document_end"
        }
    ],

    "web_accessible_resources": [
        "dist/extension.js"
    ],

    "permissions": [
        "https://*/*"
    ]
}

我对如何使其正常工作感到非常困惑，感谢您的帮助!

Answer 1

我通过利用 chrome API 将消息发送到后台脚本函数，然后发送到我的 API 来解决这个问题