Я разрабатываю веб-расширение, доступное в Chrome и Firefox. Это расширение использует метод выборки javascript для извлечения данных из 2 API, YouTube API и Twitch API.
Когда я запускал запрос, я видел разные заголовки ответов в Chrome по сравнению с Firefox. Тем не менее, эта разница, сломать мое расширение на Firefox. Мне нужен «Access-Control-Allow-Origin» в заголовках ответа, и он у меня есть только в Chrome, а не в Firefox, я не понимаю, почему!
В документации говорится, что им нужно поле 'Origin' в запросе заголовка, чтобы предоставить 'Access-Control-Allow-Origin' в ответе. У меня правильный заголовок, но нет правильного ответа.
Это мой код метода выборки:
/**
* Obtientla promesse de donnée Youtube
*
* @method _getYoutubeDatasPromise
* @returns {Promise}
* @private
*/
_getYoutubeDatasPromise() {
const headers = new Headers();
return fetch(
`https://www.googleapis.com/youtube/v3/search?key=${YT_key}&channelId=${YT_UserId}&part=snippet,id&order=date&maxResults=2`,
{
method: 'GET',
mode: 'cors',
headers: headers
}
)
};
Это заголовки запроса / ответа:
Хром | Firefox
И это журнал ошибок в консоли в Firefox:
Error
Спасибо за вашу помощь! :)
РЕДАКТИРОВАТЬ: manifest.json:
{
"name": "HuzLive",
"version": "0.1",
"description": "Soyez toujours au courant des lives & vidéos de votre streameur Dofus préféré",
"permissions": ["activeTab", "notifications", "storage"],
"background": {
"page": "background.html"
},
"browser_action": {
"default_popup": "popup.html",
"default_icon": {
"16": "images/huz_logo16.png",
"32": "images/huz_logo32.png",
"48": "images/huz_logo48.png",
"128": "images/huz_logo128.png"
}
},
"icons": {
"16": "images/huz_logo16.png",
"32": "images/huz_logo32.png",
"48": "images/huz_logo48.png",
"128": "images/huz_logo128.png"
},
"applications": {
"gecko": {
"id": "{b8e90417-1550-474f-bd6e-de91b8382298}",
"strict_min_version": "42.0"
}
},
"manifest_version": 2
}