获取在 Postman 上工作的请求，但不在 React.js 中？

Posted 2023-03-08

【中文标题】获取在 Postman 上工作的请求，但不在 React.js 中？

【英文标题】：Get request working on Postman, but not in React.js?

【发布时间】：2020-05-02 19:11:21

【问题描述】：

我的 API GET 请求在 Postman 中有效，但在 React.JS / 浏览器中无效。我必须在 URL 的开头传入用户名和密码才能访问 API 信息，这在 Postman 中也可以正常工作，但在 React/浏览器中不能正常工作。

我的 GET 请求如下所示：

http://username:[e-mail]:4040/api/stuff/stuff2

它可以在 Postman 中使用，但是当我在 React 中执行 axios GET 请求时，在 console.logs 中看起来请求的用户名：密码部分已被删除，并且我收到一个错误代码，说我未经授权。

这是 React 代码：

    getList = () => 
        axios
            .get('http://username:[e-mail]:4040/api/stuff/stuff2')
            .then(res => 
                console.log(res)
                this.setState(
                    list: res.data
                )
            )
            .catch(err => console.log(err))
    

你知道如何让 GET 请求在 React 中工作吗？

【参考方案1】：

您正在尝试使用 basic access authentication 这在 Postman 中有效，因为 Postman 不执行 AJAX 请求，浏览器根本不允许您在 AJAX 请求 URL 中传递该信息。

以前回答过here！

您可以将身份验证作为选项传递给您的 axios.get 调用，如下所示：

axios.get(
  'http://mywebsite.com:4040/api/stuff/stuff2', 
   
     auth: 
       username: 'username',
       password: 'password'
     
   
)