Reactjs 如何从React Axios GET调用SpringBoot微服务进行基本身份验证

我正在使用axios.get（）调用安全的SpringBoot微服务，但它返回401未经授权的响应。 Postman返回SpringBoot Microservice的预期输出，但不返回React应用程序

我尝试了互联网上所有的可能性，但都没有成功

请帮我找到解决办法

React调用：将auth作为参数传递，因为这是在Axios中执行基本身份验证的方法

    axios.get('http://localhost:8080/hellouser/greet/',
     {},
    {auth:{
        username:'demouser',
        password:'demopassword'
        }}).then(function (response) {
console.log(response);
  })

---

试试这种方法

axios.get('http://localhost:8080/hellouser/greet/', {
    params: {},
    withCredentials: true,
    auth: {
        username: 'myusername',
        password: 'mypassword'
    }
})

---

您还可以检查库的版本。它可能各不相同

如果我使用您的方式，它会给我一个CORS错误，例如：从源站“”访问XMLHttpRequest已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：响应中的“访问控制允许源站”头的值在请求启动时不得为通配符“*”凭据模式为“包括”。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制。由于您是从其他主机调用服务器，因此应使用CORS标志。否则你就不能打电话了。您的服务器还需要添加

Allow-Control-Allow-Origin

标题。请看，我将auth参数放在标题中，它似乎部分起作用。当我在浏览器中点击API时，会弹出一个询问用户名和密码的弹出窗口。我不希望这样，因为我已经通过认证传递凭据。