我想使用 fetch 方法從 api url 獲取請求。 但我不斷收到錯誤 400

Question

我想使用 fetch 方法從 api url 獲取請求。 但我不斷收到error 400

這是我的腳本

fetch('https://api.funtranslations.com/translate/braille/unicode.json', {
method: 'get'})
.then(response => response.json())  // convert to json
.then(json => console.log(json))    //print data to console
.catch(err => console.log('Request Failed', err)); // Catch errors

我已經使用 postman 測試了這個 api 請求並且它是成功的，但是為什么當我在我的網站中實現它時它不成功？

Answer 1

您沒有在fetch調用中傳遞所需的text參數，導致API返回400錯誤。 您可以省略{ method: 'get' }因為它是默認值。

const baseURL = 'https://api.funtranslations.com/translate/braille/unicode.json'
const text = 'hello'

fetch(`${baseURL}?text=${text}`)
  .then(response => response.json())
  .then(console.log)

Answer 2

In Postman you request the url https://api.funtranslations.com/translate/braille/unicode.json?text=hello and in js you request an url without any parameters.