彻底解决跨域问题(五种解决跨域的方式)

#跨域问题解决方案
最近自己写了一个js组件，该js组件是提供给第三方使用的，而js组件中涉及了ajax请求，于是乎就出现了跨域请求问题。下面记录一下自己的解决路程。

##什么是跨域

参考：跨域请求详解
个人理解：我理解的跨域就是，两个不同的ip或者域名，进行访问和数据交换，此时如果不做处理，便会发生跨域请求问题。详细解释看上面链接。

我自己就是因为js提供给其他服务器进行调用，而我的js里面设计到一个ajax请求，所以在第三方服务器调用我的js进行操作的时候，就设计到了两个服务器之间的数据交互问题，即跨域问题。

##定位跨域问题

了解了什么是跨域，那么怎么定位自己的错误是跨域导致的呢？我一般是根据报错来定位。调用js时，我的报错如下：

如果你也出现报错这个，恭喜你，你确实跨域无疑了。那么如何解决这个问题呢，网上各种答案都有，我这里总结一下。便于以后自己的出现同样问题的时候，能够及时找到最优的答案。

##跨域解决方案有哪些

目前我了解的解决跨域的几种方式：手写过滤器，手写拦截器，jsonnp，注解方式，配置nginx反向代理,共五种解决方式。

###1. 手写过滤器实现（我用的这种）
通过过滤器开放需要访问的接口（我用的这种，推荐）
（1）写一个过滤器：

package com.ninesword.utils;

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.