-
-
Save zachowdhury/aa7aa4bba469e199ed36458a24c33a96 to your computer and use it in GitHub Desktop.
How to fix the CORS issue on backend side , java Springboot App (Handling Simple CORS requests)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Contents from https://spring.io/understanding/CORS | |
In the simplest scenario, cross-origin communications starts with a client making a GET, POST, or HEAD request against a resource on the server. | |
In this scenario, the content type of a POST request is limited to application/x-www-form-urlencoded, multipart/form-data, or text/plain. The request includes an Origin header that indicates the origin of the client code. | |
The server will consider the request's Origin and either allow or disallow the request. If the server allows the request, then it will respond with the requested resource and an Access-Control-Allow-Origin header in the response. This header will indicate to the client which client origins will be allowed to access the resource. Assuming that the Access-Control-Allow-Origin header matches the request's Origin, the browser will allow the request. | |
On the other hand, if Access-Control-Allow-Origin is missing in the response or if it doesn't match the request's Origin, the browser will disallow the request. | |
Two simple ways discussed below to handle this Access-Control-Allow-Origin (CORS) issue - | |
1) Put @CrossOrigin annotation on top of Controller to allow CORS as shown below- | |
@CrossOrigin(origins= {"*"}, maxAge = 4800, allowCredentials = "false" ) | |
@RestController | |
@RequestMapping("/") | |
public class XYZ { | |
/* put your code here */ | |
} | |
2) A simple ways is to create a simple CORS filter to allow every type pf CORS, this can be done as shown below. | |
//Samle code - for full code download the file SimpleCORSFilter | |
@Override | |
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { | |
HttpServletRequest request = (HttpServletRequest) req; | |
HttpServletResponse response = (HttpServletResponse) res; | |
response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin")); | |
response.setHeader("Access-Control-Allow-Credentials", "true"); | |
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); | |
response.setHeader("Access-Control-Max-Age", "3600"); | |
response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me"); | |
chain.doFilter(req, res); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import java.io.IOException; | |
import javax.servlet.Filter; | |
import javax.servlet.FilterChain; | |
import javax.servlet.FilterConfig; | |
import javax.servlet.ServletException; | |
import javax.servlet.ServletRequest; | |
import javax.servlet.ServletResponse; | |
import javax.servlet.http.HttpServletRequest; | |
import javax.servlet.http.HttpServletResponse; | |
import org.slf4j.Logger; | |
import org.slf4j.LoggerFactory; | |
import org.springframework.stereotype.Component; | |
@Component | |
public class SimpleCORSFilter implements Filter { | |
private final Logger log = LoggerFactory.getLogger(SimpleCORSFilter.class); | |
public SimpleCORSFilter() { | |
log.info("SimpleCORSFilter init"); | |
} | |
@Override | |
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { | |
HttpServletRequest request = (HttpServletRequest) req; | |
HttpServletResponse response = (HttpServletResponse) res; | |
response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin")); | |
response.setHeader("Access-Control-Allow-Credentials", "true"); | |
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); | |
response.setHeader("Access-Control-Max-Age", "3600"); | |
response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me"); | |
chain.doFilter(req, res); | |
} | |
@Override | |
public void init(FilterConfig filterConfig) { | |
} | |
@Override | |
public void destroy() { | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
omg tysm , this solved my problem