`
kevin19900306
  • 浏览: 448329 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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

阅读更多

两个方法

一、配置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) {
        // ...
    }
}

 

 

 

 

 

分享到:
评论

相关推荐

    cors实现的跨域

    跨域资源共享(CORS,Cross-Origin Resource Sharing)是一种机制,允许浏览器在执行JavaScript时,通过HTTP请求访问不同源的资源。这种机制是为了安全考虑,防止恶意脚本从一个站点窃取另一个站点的数据。在传统的...

    跨域cors扩展插件chrome

    CORS(Cross-Origin Resource Sharing,跨源资源共享)是一种机制,它允许浏览器在请求跨域资源时与服务器协商,通过特定的HTTP头部实现跨域访问。 描述中提到的“备用下”,意味着这个插件可能是开发者在主用工具...

    CORS跨域访问框架jra包

    `CORS跨域访问框架jra包`则提供了一种方便的方式来实现CORS支持,使得开发者可以轻松地在服务器端配置CORS策略。 `cors-filter-1.7.jar` 是这个框架的核心组件,它是一个基于Java的过滤器(Filter),可以集成到...

    js跨域访问后台

    根据提供的文件信息,本文将详细解释“JS跨域访问后台”的相关知识点,包括跨域的基本概念、实现方式以及具体的代码示例。 ### 跨域基本概念 在浏览器中,为了安全考虑,存在一种称为“同源策略”的机制。简单来说...

    SpringMVC CORS跨域测试包

    2. **SpringMVC中的CORS配置**:SpringMVC提供了多种方式配置CORS,如使用`@CrossOrigin`注解、配置`CorsRegistry`或者自定义过滤器。 - **@CrossOrigin注解**:可以直接在Controller方法或整个Controller类上使用...

    Flask配置Cors跨域的实现

    跨域是指:浏览器A从服务器B获取的静态资源,包括Html、Css、Js,然后在Js中通过Ajax访问C服务器的静态资源或请求。即:浏览器A从B服务器拿的资源,资源中想访问服务器C的资源。 同源策略是指:浏览器A从服务器B获取...

    js+jsp+json+tomcat跨域访问

    通过以上步骤,我们可以实现js+jsp+json+tomcat的跨域访问。这个小例子展示了如何利用jQuery的JSONP功能与后端JSP服务进行数据交换,同时通过Tomcat的CORS配置确保了跨域的安全性。这个DEMO适合初学者学习和理解跨域...

    Spring boot 和Vue开发中CORS跨域问题解决

    在Spring Boot应用中,可以通过添加一个配置类来实现全局CORS配置。如文章内容中所展示的CustomCORSConfiguration类示例,这个类通过配置CORS Filter来允许所有的源、方法和头信息进行跨域交互,并且支持凭证...

    【JavaScript源代码】NodeJS配置CORS实现过程详解.docx

    ### Node.js 配置 CORS 实现过程详解 #### 跨域问题概述 在现代Web开发中,跨域问题是一个常见的安全限制机制,它基于同源策略。同源策略要求一个域下的文档或脚本只能读取或操作来自同一个源的资源。而跨域访问则...

    cors解决ajax跨域

    总的来说,CORS是现代Web开发中解决跨域问题的重要工具,它通过服务器端的配置,配合浏览器的机制,使得AJAX能够安全地跨越不同源进行数据交换。正确理解和使用CORS,可以有效地扩展Web应用的功能,提高用户体验,...

    JS跨域访问解决方案总结.pdf

    标题《JS跨域访问解决方案总结.pdf》指明文档的核心内容是关于JavaScript跨域访问问题的解决方法。跨域访问问题是指由于浏览器的同源策略限制,网页中JavaScript代码出于安全原因不能访问另一个源(域名、协议或端口...

    CORS 跨域配置和jar文件

    总结,CORS跨域配置是解决前后端跨域问题的关键,而在Java环境中,我们可以通过编写Filter或使用Spring MVC的注解来实现。配合jar文件,可以将这些配置部署到服务器,为Web应用提供跨域支持。理解并正确运用CORS,能...

    JQury实现Ajax跨域访问

    总结来说,jQuery通过JSONP和CORS两种方式实现了Ajax的跨域访问。开发者可以根据实际需求选择合适的方法,同时注意安全性,确保数据交互的顺利进行。在具体实践中,可以参考提供的博客链接(已给出但无法点击,请...

    链接修改及跨域访问的问题

    总的来说,跨域访问的实现涉及前端JavaScript代码的修改,如利用IFrame、异步请求和URL构造,同时也需要考虑浏览器的安全策略和可能的服务器端配置。在实际项目中,开发者需要根据具体的需求和环境,选择合适的跨域...

    JS跨域访问解决方案总结

    ### JS跨域访问解决方案总结 #### 一、跨域访问概念与同源策略 跨域访问,即一个网站上的资源尝试获取另一个不同域名网站上的资源。这种行为在现代Web开发中非常常见,例如通过`&lt;style&gt;`标签加载外部样式表、`...

    js解决跨域访问问题

    跨域访问问题是Web开发中常见的技术难题之一,通过理解同源策略的原理和掌握JSONP、CORS等技术,可以有效地解决这一问题。开发人员应根据实际需求选择最合适的解决方案,确保应用程序能够稳定、高效地运行。

    怎样实现Ajax 跨域访问

    ### 如何实现Ajax跨域访问 在Web开发中,由于同源策略的限制,JavaScript只能对同源的页面进行操作,不能对不同源的页面进行请求。然而,在实际的应用场景中,经常会出现需要向不同域名下的服务器发起请求的情况。...

    ASP.NET MVC Web Api 跨域访问

    ASP.NET MVC Web API 是微软开发的一个用于...这些文件可以作为实际操作的起点,通过查看和编辑源代码来实践上述跨域访问的配置方法。在实际开发中,确保正确配置CORS,以确保Web API服务能够被正确且安全地跨域访问。

Global site tag (gtag.js) - Google Analytics