轻松解决jeecms本地服务跨域难题，快速启动

　　在前端开发中，我们常常会遇到跨域的问题，而在使用jeecms本地启动服务时也不例外。本文将为大家分享如何解决jeecms本地启动服务跨域问题。

　　一、概述

　　二、修改nginx配置文件

　　三、修改web.xml文件

　　四、添加Filter过滤器

　　五、使用jsonp解决跨域问题

　　六、使用postMessage解决跨域问题

　　七、使用CORS解决跨域问题

　　八、总结

　　一、概述

　　Jeecms是一个非常优秀的CMS系统，但是在开发过程中，我们常常会遇到跨域的问题。因此，在本地启动服务时，我们需要对Jeecms进行一些配置来解决跨域问题。

　　二、修改nginx配置文件

　　首先，我们需要修改Jeecms的nginx配置文件。具体操作如下：

　　1.打开nginx.conf文件

　　2.在http块内添加以下内容：

　　location /{

　　 add_header 'Access-Control-Allow-Origin''*';

　　 add_header 'Access-Control-Allow-Methods''GET, POST, OPTIONS, DELETE, PUT';

　　 add_header 'Access-Control-Allow-Headers''DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

　　}

　　3.保存并关闭文件

　　三、修改web.xml文件

　　接下来，我们需要修改Jeecms的web.xml文件。具体操作如下：

　　1.打开web.xml文件

　　2.添加以下内容：

　　 cors

　　 org.apache.catalina.filters.CorsFilter

　　 cors.allowed.origins

　　 *

　　 cors.allowed.methods

　　 GET,POST,PUT,DELETE,OPTIONS

　　 cors.allowed.headers

　　 X-Requested-With,Content-Type,Accept,Origin

　　 cors

　　 /*

　　

　　3.保存并关闭文件

　　四、添加Filter过滤器

　　除了修改web.xml文件之外，我们还需要添加一个Filter过滤器。具体操作如下：

　　1.创建CorsFilter.java文件

　　2.添加以下内容：

　　public class CorsFilter implements Filter {

　　 @Override

　　 public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {

　　 HttpServletResponse response =(HttpServletResponse) res;

　　 HttpServletRequest request =(HttpServletRequest) req;

　　 response.setHeader("Access-Control-Allow-Origin","*");

　　 response.setHeader("Access-Control-Allow-Methods","POST, GET, PUT, OPTIONS, DELETE");

　　 response.setHeader("Access-Control-Max-Age","3600");

　　 response.setHeader("Access-Control-Allow-Headers","Origin,X-Requested-With, Content-Type, Accept");

　　 chain.doFilter(req, res);

　　 }

　　 @Override

　　 public void init(FilterConfig filterConfig){}

　　 @Override

　　 public void destroy(){}

　　}

　　3.保存并关闭文件

　　4.在web.xml文件中添加以下内容：

　　 CorsFilter

　　 com.xxx.xxx.CorsFilter

　　 CorsFilter

　　 /*

　　五、使用jsonp解决跨域问题

　　jsonp是一种跨域解决方案，它利用script标签的src属性不受同源策略的限制来实现跨域请求。具体操作如下：

　　1.在服务端返回一个callback函数包裹的json数据

　　2.在前端使用script标签引入该url，并传入callback函数名

　　六、使用postMessage解决跨域问题

　　postMessage是HTML5中新增的一种跨文档通信机制，它可以在不同窗口之间传递数据。具体操作如下：

　　1.在目标窗口中*敏*感*词*message事件

　　2.在源窗口中使用postMessage方法向目标窗口发送消息

　　七、使用CORS解决跨域问题

　　CORS是一种新的跨域解决方案，它通过在HTTP头部添加Access-Control-Allow-Origin等字段来告诉浏览器该请求是否被允许。具体操作如下：

　　1.在服务端设置Access-Control-Allow-Origin等字段

　　2.在前端发送请求时带上Origin字段

　　八、总结

　　本文介绍了Jeecms本地启动服务跨域问题的解决方案，包括修改nginx配置文件、修改web.xml文件、添加Filter过滤器、使用jsonp解决跨域问题、使用postMessage解决跨域问题以及使用CORS解决跨域问题。希望对大家有所帮助。