我想通过chrome-extension中的post调用api,问题是没有获取响应数据。
我刚刚在控制台中获得了跨域读取阻止(CORB),响应为空。
跨域读取阻止(CORB)阻止了MIME类型为application / json的跨域响应http://127.0.0.1:8080/api/v1/login/ldap。有关更多详细信息,请参见https://www.chromestatus.com/feature/5629709824032768。
首先,我尝试直接调用ajax:
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8080/api/v1/login/local',
data: postBody,
success: function(resData, status, jqXHR) {
console.log({resData, status, jqXHR});
},
error: function(jqXHR, status) {
console.log({jqXHR, status});
}
});
我试图这样将ajax调用从content.js移到background.js
background.js
chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
if(request.contentScriptQuery === 'login') {
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8080/api/v1/login/local',
data: postBody,
success: function(resData, status, jqXHR) {
sendResponse([
{
resData: resData,
status: status,
jqXHR: jqXHR
}, null
]);
},
error: function(jqXHR, status) {
sendResponse([
null, {
status: status,
jqXHR: jqXHR
}
]);
}
});
}
//right here?
return true;
});
content.js
chrome.runtime.sendMessage({contentScriptQuery: 'login'}, messageResponse =>{
console.log(messageResponse);
});
但是在这种情况下,出现以下错误:
“未选中的runtime.lastError:消息端口在 收到答复。”
,我不知道如何保持端口开放并接收请求正文。甚至即使我有身体或小腿也有问题。
这是我从今天开始的最后一次尝试,仍然关闭端口:-(
“未选中的runtime.lastError:消息端口在 收到答复。”
chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
if(request.contentScriptQuery === 'loginLocal') {
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8080/api/v1/login/local',
data: postBody
}).then(function(resData, status, jqXHR) {
sendResponse([
{
statuscode: jqXHR.status,
resData: resData,
status: status
}, null
]);
}, function(jqXHR, status) {
sendResponse([
null, {
statuscode: jqXHR.status,
status: status
}
]);
});
return true;
}
});
答案 0 :(得分:0)
我更改为sendRequest-为我工作:
content.js
chrome.extension.sendRequest({contentScriptQuery: 'login'}, function(messageResponse) {
const[response, error] = messageResponse;
if(response === null){
console.log(error);
} else {
console.log(response.resData);
}
});
background.js
chrome.extension.onRequest.addListener(function (message, sender, sendResponse) {
if(message.contentScriptQuery === 'login') {
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8080/api/v1/login/local',
}).then(function(resData, status, jqXHR) {
sendResponse(sendResponse([
{
resData: resData,
status: status
}, null
]));
}, function(jqXHR, status) {
sendResponse([
null, {
status: status
}
]);
});
return true;
}
});