node.js - axios无法从另一个localhost获取json数据

Question

我正在创建一个应用程序，React JC 中的前端，并且我有一个使用 Node JS 制作的基本 REST api。当我尝试从 localhost:3001/user/:id 获取数据时，例如在 postman 上 - 一切正常 100%。

但是当我尝试在 React 前端获取它时(React 应用程序托管在 localhost:3000/上)，它会出现以下错误:

"Failed to load localhost:3001/user/5b21a5d7588b40be612798d4: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https."

我尝试在前端获取数据的相关代码(使用 Axios 在这里):

componentDidMount () {
    axios.get("localhost:3001/user/5b21a5d7588b40be612798d4").then(response => {
        console.log(response);
      })

  }

Answer 1

您必须在 URL 开头指定协议(protocol)

componentDidMount () {
    axios.get("http://localhost:3001/user/5b21a5d7588b40be612798d4").then(response => {
        console.log(response);
      })
  }