SpringMvc支持跨域和自定义header

最新推荐文章于 2024-08-06 08:59:43 发布

琅琊山二当家

最新推荐文章于 2024-08-06 08:59:43 发布

阅读量1.3w

点赞数 2

分类专栏： web server spring 文章标签： spring mvc

本文链接：https://blog.csdn.net/AlbertFly/article/details/53186788

版权

web server 同时被 2 个专栏收录

67 篇文章 0 订阅

订阅专栏

spring

65 篇文章 0 订阅

订阅专栏

  <!-- 支持options类型请求 -->
 <servlet>    
	   <servlet-name>application</servlet-name>    
	   <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
	   <init-param>  
	        <param-name>dispatchOptionsRequest</param-name>  
	        <param-value>true</param-value>  
	   </init-param>    
	   <load-on-startup>1</load-on-startup>    
 </servlet>

1 web.xml 配置上面支持 options请求

2 options请求会请求两次服务器第一次是嗅探返回200 即可

第二次在让请求进入正式接口 [具体代码进入第三步的filter 里面处理]

3 服务器filter 还需要加入

	response.setHeader("Access-Control-Allow-Origin", "*");
//		response.setHeader("Access-Control-Allow-Headers", "X-Requested-With,token");
		response.setHeader("Access-Control-Allow-Headers", "Content-Type,token"); // 加入支持自定义的header 加入元素 token 前端就可以发送自定义token过来
		response.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
		response.setHeader("X-Powered-By"," 3.2.1");
	    response.setHeader("Content-Type", "application/json;charset=utf-8");
	    
	    if(request.getMethod().equals("OPTIONS")){
	    	response.setStatus(200);
//			chain.doFilter(request, response);
	    }
		else{
			if ( shortUri.equals("login.html")) {
				chain.doFilter(request, response);
			}else{
				try {
					String token = request.getHeader("token");
					if (token == null ||token.length()<= 0) {
						//chain.doFilter(request, response);
//						Writer.write(response, "token不存在");
						Writer.write(response, "token为空，请重新登录");
					} else {
						Long tokenValue= (Long.valueOf(token)-12345)/31 ;
						request.setAttribute("uid", String.valueOf(tokenValue));
						chain.doFilter(request, response);
					}
				} catch (Exception e) {
					LOGGER.error(e.getMessage(), e);
					Writer.write(response, "token错误，请重新登录");
				}
			}
		}

4 控制器

method = RequestMethod.GET 不要加

	//3 获得当前用户的列表信息
	@RequestMapping(value = "getnowuser"  ) //, method = RequestMethod.GET
	@ResponseBody
	public  Map<String, Object> getNowUser(@Uid String uid) throws JsonProcessingException{ // @Uid String uid
		if(!isHasSuperRole(uid))
			return Ajax.buildErrorResult(noPermission);
		
//		User user   =  userService.findUserById(Long.parseLong(uid));
		Staff staff =  staffService.findStaffById(Long.parseLong(uid));
		return Ajax.getSuccessReturnMapWithData(staff);
	}

5 ajax前端跨域访问

$.ajax({
beforeSend: function(request) {
request.setRequestHeader("token", userToken);
},
url:url,
dataType:'json',
processData: true,
data:para,
type:'get',
crossDomain:true,
success:function(data){
callback(data);
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(errorThrown);
}
});