<!-- 支援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);
        }
    });

贈送視訊如下：

或者一套redis視訊

不定期送視訊 

1700G it視訊  等你來!

更新！！

元宵節鉅獻:2月12 號 贈送 多套花錢買的架構師視訊

趕緊去關注吧!!