我試圖連接到彈簧其餘登錄方法與anglar 2Angular2接入控制允許集管
角2請求:
let body = JSON.stringify({ "email":"email", "password":"password" });
this.http.post('http://localhost:9999/login/authent', body, {headers:this.getHeaders()})
.subscribe(
response => {
debugger;
localStorage.setItem('id_token', response.json().id_token);
this.router.navigate(['home']);
},
error => {
alert(error.text());
console.log(error.text());
}
);
getHeaders() {
// let username = this.variables.getUsername();
// let password = this.variables.getPassword();
let username = "username";
let password = "password";
let headers = new Headers();
//headers.append("Content-Type", "text/xml");
headers.append("Access-Control-Allow-Origin", "*");
headers.append("Access-Control-Allow-Credentials", "true");
headers.append("Authorization", "Basic " + btoa(username + ":" + password));
headers.append("Access-Control-Allow-Methods", "GET, HEAD, OPTIONS, POST, PUT, DELETE");
headers.append("Content-Type", "application/json,application/x-www-form-urlencoded");
headers.append("Access-Control-Request-Headers", "Content-type,X-Requested-With,Origin,accept");
let options = new RequestOptions({headers: headers});
console.log(JSON.stringify(options));
return options;
}
彈簧過濾器:
@Component
public class WebConfig implements Filter {
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletResponse response = (HttpServletResponse) res;
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Headers", "application/json,application/x-www-form-urlencoded");
chain.doFilter(req, res);
}
public void init(FilterConfig filterConfig) {}
public void destroy() {}
請求響應是200,我有控制檯錯誤:
XMLHttpRequest無法加載http://localhost:9999/login/authent。預檢響應中的Access-Control-Allow-Headers不允許請求標頭字段正文。
您需要添加 「訪問控制允許來源」, 「*」:
有關CORS更多信息,您可以檢查的Mozilla //本地主機:9999方 –
http://stackoverflow.com/a/43089688/2349407 –
它存在response.setHeader(「Access-Control-Allow-Origin」,「*」); –