Я использовал пакет NPM с суперагентами для вызова ajax из приложения реакции.Все вызовы Ajax работают правильно.Но, когда я отправляю пользовательский заголовок в Superagent, пользовательские заголовки не устанавливаются и собираются в запросе.
import superagentPromise from 'superagent-promise';
import _superagent from 'superagent'; //progressive client-side HTTP request library
const superagent = superagentPromise(_superagent, global.Promise);
const API_ROOT = 'https://vignesht-eval-test.apigee.net';
const requests = {
del: url =>
superagent.del(`${API_ROOT}${url}`).set({ "apiKey": "yvDpT3u9aDWcFM8AiWWEjbXtN5ehHv").then(responseBody),
get: url =>
superagent.get(`${API_ROOT}${url}`).set({ "apiKey": "yvDpT3u9aDWcFM8AiWWEjbXtN5ehHv"}).then(responseBody),
put: (url, body) =>
superagent.put(`${API_ROOT}${url}`, body).set({ "apiKey": "yvDpT3u9aDWcFM8AiWWEjbXtN5ehHv"}).then(responseBody),
post: (url, body) =>
superagent.post(`${API_ROOT}${url}`, body).set({"apiKey": "yvDpT3u9aDWcFM8AiWWEjbXtN5ehHv"}).then(responseBody),
};
const UserPortal = {
getLastEditedTemplateDetails: (userId) => {
return requests.get(`/template/lasteditedtemplateDetails`);
}
}
export default {
API_ROOT,
WebSiteEditor
};
на другой странице, мы вызываем метод,
import agent from "../../agent";
class UserPortal extends React.Component {
constructor(props) {
super(props);
this.state = { isOpen: false };
}
componentWillMount() {
this.props.onLoad(Promise.resolve(agent.UserPortal.getLastEditedTemplateDetails(this.props.currentUserId)));
}
componentWillUnmount() {
this.props.onUnload();
}
render() {
}
}
Я получаю приведенную ниже ошибку в браузере Chrome при загрузке страницы.
В консоли
В сети
"apiKey": "yvDpT3u9aDWcFM8AiWWEjbXtN5ehHv" - не отправляет в заголовок.
Примечание: Apikeyиспользуется для проверки пользователей и предоставления им доступа к ресурсу.
Подскажите, пожалуйста, что мне здесь не хватает?
Заранее спасибо.