带绝对url前缀的获取

Question

大多数情况下，我在获取或节点取前面加上一个http://localhost (使其成为一个绝对的url)。

import fetch from 'node-fetch';

fetch('http://localhost/whatever')

除了简单地将localhost放在变量中之外，还有其他避免localhost部件的方法吗？

const baseUrl = 'http://localhost';

fetch(`${baseUrl}/whatever`)

与https://stackoverflow.com/questions/42467611/superagent-with-absolute-url-prefix密切相关

Answer 1

TL;DR: 取-绝对正是这样做的。

详细信息：

您可以在获取之上创建一个抽象层。

function fetchAbsolute(fetch) {
  return baseUrl => (url, ...otherParams) => url.startsWith('/') ? fetch(baseUrl + url, ...otherParams) : fetch(url, ...otherParams)
}

或者您可以简单地使用取-绝对。

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!' });
});

Answer 2

您可以重写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');