通过CORS配置实现JS跨域访问

最新推荐文章于 2024-02-25 00:00:00 发布

dthfhjkj

最新推荐文章于 2024-02-25 00:00:00 发布

阅读量390

点赞数

分类专栏： Java Web 文章标签： js cors 跨域 ViewUI

本文链接：https://blog.csdn.net/dthfhjkj/article/details/84879814

版权

Java Web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍了两种实现JS跨域访问的方法。一是通过配置Filter，在Web.xml和Java代码中设置Http Header；二是利用Spring4.2及以上版本的CrossOrigin注解来简化配置。

摘要由CSDN通过智能技术生成

两个方法

一、配置Filter，每个请求都拦截，设置Http Header

Web.xml添加：

<filter>
    <filter-name>cros</filter-name>
    <filter-class>cn.ifengkou.test.filter.CORSFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>cros</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

Java代码添加：

public class CORSFilter extends OncePerRequestFilter {
    @Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        response.addHeader("Access-Control-Allow-Origin", "*");
        response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
        response.addHeader("Access-Control-Allow-Headers", "Content-Type");
        response.addHeader("Access-Control-Max-Age", "1800");//30 min
        filterChain.doFilter(request, response);
    }
}

二、使用Spring4.2版本以上，使用CrossOrigin注解即可

@CrossOrigin(origins = "http://domain2.com", maxAge = 3600)
@RestController
@RequestMapping("/account")
public class AccountController {
 
    @RequestMapping("/{id}")
    public Account retrieve(@PathVariable Long id) {
        // ...
    }
 
    @RequestMapping(method = RequestMethod.DELETE, path = "/{id}")
    public void remove(@PathVariable Long id) {
        // ...
    }
}