如何向TinyURL发出获取请求？

Question

我试图发出一个获取请求，特别是对tinyURL的post请求，以缩短在我的站点上生成的url。以下是tinyURL API

目前，我正在这样写我的代码，但是它似乎没有返回简短的url。

这个单词tinyurl似乎在链接中被禁止，所以所有包含tinyurl的链接都被替换为"SHORT“

下面是tinyURL API https://SHORT.com/app/dev

import * as React from 'react'

interface tinyURlProps {   url: string } export const useTinyURL = ({ url }: tinyURlProps) => {   React.useEffect(() => {
    const apiURL = 'https://api.SHORT.com/create'
    const data = JSON.stringify({ url: url, domain: 'tiny.one' })

    const options = {
      method: 'POST',
      body: data,
      headers: {
        Authorization:
          'Bearer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
    } as RequestInit

    fetch(apiURL, options)
      .then((response) => console.log(response))
      .then((error) => console.error(error))

    console.log('TinyUrl ran')   }, [url]) 
}

Answer 1

下面的片段似乎很有效

​

const qs = selector => document.querySelector(selector);
let body = {
  url: `https://stackoverflow.com/questions/66991259/how-to-make-a-fetch-request-to-tinyurl`,
  domain: `tiny.one`
}

fetch(`https://api.tinyurl.com/create`, {
    method: `POST`,
    headers: {
      accept: `application/json`,
      authorization: `Bearer 2nLQGpsuegHP8l8J0Uq1TsVkCzP3un3T23uQ5YovVf5lvvGOucGmFOYRVj6L`,
      'content-type': `application/json`,
    },
    body: JSON.stringify(body)
  })
  .then(response => {
    if (response.status != 200) throw `There was a problem with the fetch operation. Status Code: ${response.status}`;
    return response.json()
  })
  .then(data => {
    qs(`#output>pre`).innerText = JSON.stringify(data, null, 3);
    qs(`#link`).href = data.data.tiny_url;
    qs(`#link`).innerText = data.data.tiny_url;
  })
  .catch(error => console.error(error));

body {
  font-family: calibri;
}

<p><a id="link" /></p>
<span id="output"><pre/></span>

​