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

Question

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

我的 GET 请求如下所示：

http://username:password@mywebsite.com:4040/api/stuff/stuff2

它在 Postman 中工作，但是当我在 React 中执行 axios GET 请求时，在 console.logs 中，请求的 username:password 部分似乎已被删除，并且我收到一个错误代码，说我未经授权。

这是反应代码：

    getList = () => {
        axios
            .get('http://username:password@mywebsite.com: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 中传递该信息。

以前在这里回答过！

您可以将 auth 作为选项传递给axios.get调用，如下所示：

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