Как использовать объект URL с Fetch API в TypeScript?

Question

Первый позиционный параметр Fetch Input тип на основе lib.dom.d.ts из последней версии WebStorm (181.4445.29) Request | string, Учитывая этот разговор https://github.com/github/fetch/issues/256 о передаче параметров поискового запроса в fetch вызов (используя new URL(...)) как это сделать в TypeScript?

Без этого утверждения:

const response = await fetch(<string>url, fetchOptions);

Я не могу передать объект URL в метод выборки...

Или, может быть, это проблема WebStorm?

Answer 1

Вы не можете передать URL объект. дела <string>url не имеет никакого эффекта, кроме как для отключения компилятора.

Как декларация fetch говорит, что принимает либо строку (" http://www.comtoso.com/") или Request объект. Если вы создаете свой URL с помощью URL объект, вы можете получить URL-адрес в строке с помощью toString:

const response = await fetch(url.toString(), fetchOptions);