Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΠΎΡΠΈΠ±ΠΊΠ° ΠΏΡΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π·Π°ΠΏΡΠΎΡΠ° Π½Π° ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ReactJs, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅
XMLHttpRequest Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π·Π°Π³ΡΡΠ·ΠΈΡΡ http: // localhost : 3002 / api / users. ΠΡΠ²Π΅Ρ Π½Π° ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ Π·Π°ΠΏΡΠΎΡ Π½Π΅ ΠΏΡΠΎΡ
ΠΎΠ΄ΠΈΡ ΠΏΡΠΎΠ²Π΅ΡΠΊΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π΄ΠΎΡΡΡΠΏΠ°: Π½Π° Π·Π°ΠΏΡΠΎΡΠ΅Π½Π½ΠΎΠΌ ΡΠ΅ΡΡΡΡΠ΅ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 'Access-Control-Allow-Origin'. Origin ' http: // localhost : 3005 'ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ°. ΠΡΠ²Π΅Ρ ΠΈΠΌΠ΅Π» ΠΊΠΎΠ΄ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ HTTP 404. "
ΠΠΎΠΉ ΠΊΠΎΠ΄.
const ROOT_URL = ' http: // localhost : 3002';
const AUTH_TOKEN = 'eyJ0eXAiOiJKV1QiLCJhb ..................';
axios.defaults.baseURL = ROOT_URL;
axios.defaults.headers.common ['ΠΠ²ΡΠΎΡΠΈΠ·Π°ΡΠΈΡ'] = AUTH_TOKEN;
axios.defaults.headers.post ['Content-Type'] = 'ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ / json; charset = utf-8';
axios.get ('/ api / users'). then (function (response) {
console.log (response.data);
console.log (response.status);
console.log (response.statusText);
console.log (response.headers);
console.log (response.config);
});
ΠΡΠΎ Π½Π΅ Π²ΠΎΠΏΡΠΎΡ Axios. ΠΠ°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ΅ΡΠ²Π΅Ρ Π½Π° ΠΏΡΠΈΠ΅ΠΌ Π·Π°ΠΏΡΠΎΡΠΎΠ² CORS. ΠΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΏΠ΅ΡΠ²ΡΠΉ ΠΎΡΠ²Π΅Ρ Π½Π° http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource
ΠΡΠΈΠ²Π΅Ρ,
Π― ΡΠΆΠ΅ ΡΡΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΡΡ. ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½ΠΎ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ
"routes": {
"ΠΊΠΎΡΡ": ΠΏΡΠ°Π²Π΄Π°
}
ΠΏΡΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ Hapi
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ.
ΠΡΠΈΠ²Π΅Ρ @ 9tor ΡΡ ΡΠ΅ΡΠΈΠ» ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ?
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡΠΎ Π½Π΅ Π²ΠΎΠΏΡΠΎΡ Axios. ΠΠ°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ΅ΡΠ²Π΅Ρ Π½Π° ΠΏΡΠΈΠ΅ΠΌ Π·Π°ΠΏΡΠΎΡΠΎΠ² CORS. ΠΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΏΠ΅ΡΠ²ΡΠΉ ΠΎΡΠ²Π΅Ρ Π½Π° http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource