今天再作接口对接的时候,忽然遇到了这个问题:前端
我在Postman 中测试正常的接口,在前端那边忽然出现了403跨域的问题,所以我在白度中找了好几种方法,其中比较简单有用的,解决了问题是以下方法: java
1; 新建类:web
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.HttpServletResponse; /** *@description TODO 跨域解决类 *@author geYang **/ public class SimpleCORSFilter implements Filter{ @Override public void init(FilterConfig filterConfig) throws ServletException { // TODO Auto-generated method stub } /** * 请求头注释: * 0: response.setCharacterEncoding("UTF-8"); 设置响应参数为UTF-8 * 1: Access-Control-Allow-Origin 能够请求的域; *为容许全部域请求 * 2: Access-Control-Allow-Methods 请求方式 * 3: Access-Control-Max-Age 请求数据缓存时间(单位秒) * 4: Access-Control-Allow-Credentials 保持跨域 AJAX时的 Cookie * 5: Access-Control-Allow-Headers 请求头: * (1): X-Requested-With 请求头用于在服务器端判断request来自AJAX请求仍是传统请求; **/ @Override public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { // TODO 解决跨域错误 HttpServletResponse response = (HttpServletResponse) resp; response.setCharacterEncoding("UTF-8"); response.setHeader("Access-Control-Allow-Credentials", "true"); response.setHeader("Access-Control-Allow-Headers", "X-Requested-With"); response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Max-Age", "600"); chain.doFilter(req, resp); } @Override public void destroy() { // TODO Auto-generated method stub } }
2: 在 web.xml 中进行配置:spring
<!-- org.springframework.web.filter.CharacterEncodingFilter --> <filter> <filter-name>SetCharacterEncoding</filter-name> <filter-class> com.xt.shop.base.interceptor.SimpleCORSFilter </filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>SetCharacterEncoding</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
这样跨域问题就解决了, 但 Controller 层中接收参数出现了中文乱码状况;跨域
解决方法为: 在拦截器中加入:缓存
//设置接收编码为UTF-8
request.setCharacterEncoding("UTF-8");服务器
这句代码就能够啦...app