REST API in Postman works but does not work in REACTJS App for a POST request using AXIOS

Question

我在 REACT 中有這個簡單的代碼，它不起作用，但在 POSTMAN 中可以正常工作。 該 POST 請求是一個 golang 后端

const tokenString = { userName: this.state.userName}
const headers = { 
        'Content-Type': 'text/plain;charset=UTF-8'
      }

  axios.post('http://localhost:10000/checkUserCredentials', tokenString,{headers})
    .then((response) => {
      alert(JSON.stringify(response))
    })

我嘗試使用https://jasonwatmore.com/post/2020/07/17/react-axios-http-post-request-examples提供的示例，它工作正常。

我嘗試調試我的后端，當從 REACT 進行調用時它工作正常，但響應從未通過。 后端和 REACT 都在我的同一台 mac 機器上。

我有以下錯誤“錯誤：網絡錯誤”。

如何解決這個問題。

Answer 1

終於讓它工作了，這是我在 ReactJS 上的第一次冒險，因此事情看起來很奇怪。 我有同樣的應用程序在 node.js 上完美運行。 我的意圖是將 UI 轉換為 ReactJS，這並非易事。 我希望它值得付出努力。

這是我如何使它工作的

這篇文章給了我靈感https://medium.com/bb-tutorials-and-thoughts/react-how-to-proxy-to-backend-server-5588a9e0347

1. 我將以下內容添加到我的 package.json “代理”：“http://localhost:10000”

2. 我還必須將 POST 更改為以下 /checkUserCredentials，之前它是完整的 URL。

   axios.post('/checkUserCredentials', tokenString,{headers}).then((response) => { alert(JSON.stringify(response)) }).catch(error => { alert(error); });