Klik "Pratinjau" untuk versi yang lebih mudah dibaca
Saya mengalami masalah dengan properti defaults. Ketika sebuah instance dibuat, saya mengatur baseUrl, memeriksa nilai default, saya dapat melihat bahwa baseUrl telah disetel, tetapi begitu saya mencoba mengirim satu permintaan, aksio tidak menggunakan set baseUrl sebelumnya.
const config = {
timeout: 1500,
baseUrl: 'https://reqres.in/api',
...defaults,
};
const instance = axios.create(config);
try {
const response = await instance.get('/users?page=2');
console.log(response);
} catch (e) {
console.error(e);
}
Catatan di akhir respons: _currentUrl: 'http:/users?page=2'
Jika saya mengubah metode get agar URL lengkap permintaan berfungsi.
{
Error: connect ECONNREFUSED 127.0 .0 .1: 80
at TCPConnectWrap.afterConnect[as oncomplete](net.js: 1173: 14)
errno: 'ECONNREFUSED',
code: 'ECONNREFUSED',
syscall: 'connect',
address: '127.0.0.1',
port: 80,
config: {
adapter: [Function: httpAdapter],
transformRequest: {
'0': [Function: transformRequest]
},
transformResponse: {
'0': [Function: transformResponse]
},
timeout: 1500,
xsrfCookieName: 'XSRF-TOKEN',
xsrfHeaderName: 'X-XSRF-TOKEN',
maxContentLength: -1,
validateStatus: [Function: validateStatus],
headers: {
Accept: 'application/json, text/plain, */*',
'User-Agent': 'axios/0.18.0'
},
method: 'get',
baseUrl: 'https://reqres.in/api',
url: '/users?page=2',
data: undefined
},
request: Writable {
_writableState: WritableState {
objectMode: false,
highWaterMark: 16384,
finalCalled: false,
needDrain: false,
ending: false,
ended: false,
finished: false,
destroyed: false,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: true,
bufferProcessing: false,
onwrite: [Function: bound onwrite],
writecb: null,
writelen: 0,
bufferedRequest: null,
lastBufferedRequest: null,
pendingcb: 0,
prefinished: false,
errorEmitted: false,
bufferedRequestCount: 0,
corkedRequestsFree: [Object]
},
writable: true,
_events: {
response: [Function: handleResponse],
error: [Function: handleRequestError]
},
_eventsCount: 2,
_maxListeners: undefined,
_options: {
protocol: 'http:',
maxRedirects: 21,
maxBodyLength: 10485760,
path: '/users?page=2',
method: 'get',
headers: [Object],
agent: undefined,
auth: undefined,
hostname: null,
port: null,
nativeProtocols: [Object],
pathname: '/users',
search: '?page=2'
},
_redirectCount: 0,
_requestBodyLength: 0,
_requestBodyBuffers: [],
_onNativeResponse: [Function],
_currentRequest: ClientRequest {
_events: [Object],
_eventsCount: 6,
_maxListeners: undefined,
output: [],
outputEncodings: [],
outputCallbacks: [],
outputSize: 0,
writable: true,
_last: true,
upgrading: false,
chunkedEncoding: false,
shouldKeepAlive: false,
useChunkedEncodingByDefault: false,
sendDate: false,
_removedConnection: false,
_removedContLen: false,
_removedTE: false,
_contentLength: 0,
_hasBody: true,
_trailer: '',
finished: true,
_headerSent: true,
socket: [Socket],
connection: [Socket],
_header: 'GET /users?page=2 HTTP/1.1\r\nAccept: application/json, text/plain, */*\r\nUser-Agent: axios/0.18.0\r\nHost: localhost\r\nConnection: close\r\n\r\n',
_onPendingData: [Function: noopPendingOutput],
agent: [Agent],
socketPath: undefined,
timeout: undefined,
method: 'GET',
path: '/users?page=2',
_ended: false,
res: null,
aborted: undefined,
timeoutCb: null,
upgradeOrConnect: false,
parser: null,
maxHeadersCount: null,
_redirectable: [Circular],
[Symbol(isCorked)]: false,
[Symbol(outHeadersKey)]: [Object]
},
_currentUrl: 'http:/users?page=2'
},
response: undefined
}
Tolong, ABAIKAN MASALAH INI. Menemukan masalah:
Saya mengatur baseUrl
tetapi seharusnya baseURL
.
Cukup lucu, itu masalah saya juga. Saya baru menyadari kesalahan setelah komentar Anda, terima kasih Pak @tiarebalbi , Anda sangat berguna ahahahahahaha
Saya yakin ini telah diubah, saya baru saja menyalin beberapa kode lama dengan baseUrl yang berfungsi dengan baik dan sekarang tidak berfungsi di proyek yang lebih baru ... Ah baiklah.
Penyelamat, terima kasih!
Terima kasih banyak! Ini adalah masalah yang sama persis bagi saya juga. Pencarian Google "axios baseurl tidak berfungsi" benar-benar sepadan: D
Masalah yang sama di sini ... terima kasih!
Ya Tuhan, masalah yang sama di sini hahahaha, camelCase menyebalkan
Bagaimana bisa begitu banyak orang melakukan kesalahan yang sama? Saya sudah mencari lebih dari satu jam sekarang ^^
Apakah ada alasan untuk menulis URL dalam huruf besar?
Menggunakan baseURL
tidak berfungsi. Itu terus mengirim permintaan ke port 80
Ketika saya mencatat instance, saya mendapatkan:
defaults: {
headers: {
common: [Object],
delete: {},
get: {},
head: {},
post: [Object],
put: [Object],
patch: [Object],
'Content-Type': 'application/json; charset=utf-8'
},
baseURL: 'http://localhost:3000',
transformRequest: [ [Function: transformRequest] ],
transformResponse: [ [Function: transformResponse] ],
timeout: 1000,
adapter: [Function: xhrAdapter],
xsrfCookieName: 'XSRF-TOKEN',
xsrfHeaderName: 'X-XSRF-TOKEN',
maxContentLength: -1,
validateStatus: [Function: validateStatus]
}
Untuk konfigurasi.
nah, mungkin ada alias baseUrl
ke baseURL
@kemicofa Bisakah Anda juga memposting contoh permintaan atau lebih baik membuat codepen kecil?
Punya masalah yang sama. :P
Komentar yang paling membantu
Tolong, ABAIKAN MASALAH INI. Menemukan masalah:
Saya mengatur
baseUrl
tetapi seharusnyabaseURL
.