奇妙的注解（三）——@CrossOrigin --vue.js与SSM前后端分离项目跨域问题解决

        最近自己在使用vue.js与SSM做前后端分离的小demo，遇到一个问题就是前段报错，报错跨域问题，以及提示需要前端发送请求头问题

             一，跨域问题

                     通过查阅文档得知，SpringMVC中有个注解可以解决前后台的跨域问题，但那个注解是SpringMVC 4.X以后的版本才能使用，直接在controller层的头部加上@CrossOrigin

          二，请求头问题

                    在网上查阅资料得知在web.xml中加上如下配置就可以解决了

  <!-- CORS-->
    <filter>
    <filter-name>CORS</filter-name>
    <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
    <init-param>
        <param-name>cors.allowOrigin</param-name>
        <param-value>*</param-value>
    </init-param>
    <init-param>
        <param-name>cors.supportedMethods</param-name>
        <param-value>GET, POST, HEAD, PUT, DELETE</param-value>
    </init-param>
    <init-param>
        <param-name>cors.supportedHeaders</param-name>
        <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified, *</param-value>
    </init-param>
    <init-param>
        <param-name>cors.exposedHeaders</param-name>
        <param-value>Set-Cookie</param-value>
    </init-param>
    <init-param>
        <param-name>cors.supportsCredentials</param-name>
        <param-value>true</param-value>
    </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CORS</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

哈哈，完成，不要忘了一键三连支持支持博主呀。