java - 如何处理从 servlet 中的 Angular 应用程序发送的预检请求?
问题描述
我正在 Angular 中制作一个项目,该项目从 localhost:8080 上运行的 tomcat 应用程序获取用户的 json。现在我正在尝试使用 http.put 更新用户。当我发送我的 put 请求时,我在控制台中打印了这个错误:
从源“ http://localhost:4200 ”访问“ http://localhost:8080/Servlet?command=UpdateUser ”的 XMLHttpRequest已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:否请求的资源上存在“Access-Control-Allow-Origin”标头。
我的 servlet 使用了一个 handlerfactory,它使正确的处理程序来处理请求。UpdateUser 处理程序现在有以下代码:
public class UpdateUser extends RequestHandler {
@Override
public void handleRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
Enumeration<String> params = request.getParameterNames();
System.out.println(params);
while (params.hasMoreElements()) {
String paramName = params.nextElement();
System.out.println(paramName + ":" + request.getParameter(paramName));
}
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "X-PINGOTHER,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,Authorization");
response.addHeader("Access-Control-Expose-Headers", "xsrf-token");
response.setStatus(HttpServletResponse.SC_ACCEPTED);
}
}
注意:我只是把 while 循环放在那里,这样我就可以看到我的 Angular 应用程序中的内容是如何到达我的处理程序的。
在我的角度应用程序的 app.component.ts 中,我有这个代码来更新用户:
updateUser(user): void {
this.userService.updateUser(user).subscribe();
}
这在我的 user.service.ts 中调用了这个方法:
private httpOptions = {headers: new HttpHeaders({
'Content-Type': 'application/json'
})};
updateUser(user): Observable<User> {
return this.http.put<User>(this.updateUsersUrl, user, this.httpOptions);
}
在我的控制台的网络选项卡中,我看到我的处理程序被调用,但没有打印任何内容。所以我想我可能需要在其他地方处理我的预检请求?
解决方案
覆盖我的 servlet 中的 doOptions 方法并在那里设置所有标题,似乎可以解决问题
推荐阅读
- javascript - 多个切片中触发相同的动作 Redux-Toolkit
- r - 如何汇总选定的列?
- arrays - 在输入字段中输入数字后,检查该数字是否存在于反应钩子的列表中
- data-visualization - Tableau 错误:“未找到数据提取” - 有谁知道如何“找到”数据提取或解决它?
- cdi - 在 CDI RequestScope 中登记对象
- javascript - 类属性:TypeScript 中的“对象可能未定义”
- java - 在 selenium 中写入 excel 文件时如何解决 nullpointerexception 的错误
- xcode - 如何在 Mac Catalyst 中检测按键
- json - 如何使用 JQ 将 JSON 对象制作成数组?
- reactjs - Redux Toolkit linting 悖论