401未经授权的错误角度5

Question

obtainAccessToken(loginData){
        let params=new URLSearchParams();
        params.append('grant_type','password');
        params.append('username',loginData.username);
        params.append('password',loginData.password);
        params.append('client_id','myid');
        console.log(params.toString());
        let headers = new Headers();
        headers.append('content_type','application/x-www-form-urlencoded');
        headers.append('Authorization','Basic '+btoa("myid:mypaasword"));
        console.log(headers)
        let options=new RequestOptions({headers:headers});
        console.log(options);
        this._http.post('...../oauth/token',params.toString(),options)
            .pipe(map(res=>res.json(),err=>console.log(err)))
            .subscribe(
                data=>this.saveToken(data),
                err=>alert('Invalid Credials')
            );
        }

在发送帖子请求以访问我的 Spring 应用 enter image description here 时，我总是收到 401 Unauthorized 错误

Answer 1

它不是来自 Spring。这是一个浏览器安全。 我想您的 spring 服务器位于前端服务器之外的另一个端口（或另一个 IP？）。

浏览器不允许向另一个端口/IP 发出 ajax 请求（出于安全原因）。它被称为 CORS ： https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

在服务器端，您必须将标头添加到您的 HttpServletResponse 以明确允许您的客户端域请求您的服务器。

Answer 2

在浏览器中添加 cors 插件

firefox--> https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/

铬--> https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

关闭插件并再次打开它。

如果它有效，那么问题出在你的 rest api 上。 在控制器中添加 @crossorigin() 按照这个链接： https://howtodoinjava.com/spring5/webmvc/spring-mvc-cors-configuration/ https://spring.io/guides/gs/rest-service-cors/