大多数时候,我在fetch或node-fetch 前加上一个http://localhost
(使其成为绝对 url)。
import fetch from 'node-fetch';
fetch('http://localhost/whatever')
除了简单地放入变量之外,还有什么方法可以避免该localhost
部分?localhost
const baseUrl = 'http://localhost';
fetch(`${baseUrl}/whatever`)
大多数时候,我在fetch或node-fetch 前加上一个http://localhost
(使其成为绝对 url)。
import fetch from 'node-fetch';
fetch('http://localhost/whatever')
除了简单地放入变量之外,还有什么方法可以避免该localhost
部分?localhost
const baseUrl = 'http://localhost';
fetch(`${baseUrl}/whatever`)
TL;DR: fetch-absolute正是这样做的。
详细的:
您可以在fetch之上创建一个抽象层。
function fetchAbsolute(fetch) {
return baseUrl => (url, ...otherParams) => url.startsWith('/') ? fetch(baseUrl + url, ...otherParams) : fetch(url, ...otherParams)
}
或者您可以简单地使用fetch-absolute。
const fetch = require('node-fetch');
const fetchAbsolute = require('fetch-absolute');
const fetchApi = fetchAbsolute(fetch)('http://localhost:3030');
it('should should display "It works!"', async () => {
const response = await fetchApi('/');
const json = await response.json();
expect(json).to.eql({ msg: 'It works!' });
});
您可以覆盖该fetch
功能:
import origFetch from 'node-fetch';
const fetch = (url, ...params) => {
if (url.startsWith('/')) return origFetch('http://localhost' + url, ...params)
else return origFetch(url, ...params);
}
另一个答案创建了一个函数,该函数返回一个返回函数的函数——这不是必需的;你只需要返回一个函数。
function fetchAbsolute(fetch, base_url) {
return (url, ...params) => {
if (url.startsWith('/')) return fetch(base_url + url, ...params)
else return fetch(url, ...params);
}
}
const fetch = fetchAbsolute(origFetch, 'http://localhost');