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

Question

我的API GET请求在Postman中工作，但在React中不工作。JS/浏览器。我必须在URL的开头输入用户名和密码才能访问API信息，这在Postman中也很好，但在React/browser中不起作用。

我的GET请求如下所示：

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

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

以下是反应代码：

    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中工作吗？

Answer 1

您正在尝试使用基本的访问身份验证，这在Postman中有效，因为Postman没有执行AJAX请求，浏览器根本不允许您在AJAX请求URL中传递该信息。

以前在这里回答过！

您可以将身份验证作为选项传递给axios。获取如下调用：

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