window.fetch с определенным / другим портом

Question

Рассмотрим следующий код, в котором относительный URL-адрес указан в вызове fetch.Это прекрасно работает с портом по умолчанию.

let url = '/api/send'
let response = await window.fetch(url, {
   method: 'POST'
});

window.fetch не позволяет указывать порт, если не указан полный URL-адрес, как показано ниже.

let url = 'http://<some_url>:<some_port>/api/send'
let response = await window.fetch(url, {
   method: 'POST'
});

Есть лиспособ динамически изменить порт для вызовов выборки?

Answer 1

Вы можете использовать window.location.origin для доступа к текущему URL, а затем соединить порт и путь к нему.

Это будет выглядеть примерно так:

let domain = window.location.origin; //http://someurl.com
let port = 8080;
let url = `${domain}:${port}/api/send`;
let response = await window.fetch(url, {
   method: 'POST'
});