使用@CrossOrigin实现跨域请求

1.毕设使用的是react+java开发的网上书城，大家都知道react主要是视图（表现层或页面），数据的处理还是通过java来实现的，所以我的毕设相当于是两个项目组成的，一个是前端项目，一个是后台项目，在react中我是用的是fetch来实现数据的异步请求，下面展示用户注册的代码：

　　　　

　　　　　　　　　　fetch('http://localhost:8080/ssm/userController/register', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/x-www-form-urlencoded"
                    },
                    body: 'uname=' + uname + '&ubirth=' + ubirth + '&usex=' + usex + '&uaddress=' + uaddress +
                    '&uaccount=' + account + '&upassword=' + password
                })
                    .then(function (response) {
                        return response.json();
                    })
                    .then(function (data) {
                        if (data[0]['code'] == '-1') {
                            message.info('该手机号已经被注册');
                        } else {
                            hashHistory.push("/login");
                        }
                    })
                    .catch(function (err) {
                        //console.log(err);
                    })

　　上面的   http://localhost:8080/ssm/userController/register   是一个url，这个地址是后台的一个action，我们在前端的服务器中要请求Tomcat中的这个action，这就是跨域请求，实现跨域请求的第一步是后台代码要允许跨域，这里我们最简单的方法是使用springMVC的注解 @CrossOrigin(origins = "*", maxAge = 3600)  ，这里要强调的是springMVC的版本要在4.2或以上版本才支持@CrossOrigin，我这里的设置是允许所有跨域访问，也可以单独指定允许的服务器跨域（设置origin的值便可）。

 

引用原文：http://www.cnblogs.com/wgl1995/p/7053133.html

 

写博客是为了记住自己容易忘记的东西，另外也是对自己工作的总结，文章可以转载，无需版权。希望尽自己的努力，做到更好，大家一起努力进步！

如果有什么问题，欢迎大家一起探讨，代码如有问题，欢迎各位大神指正！

转载于:https://www.cnblogs.com/summary-2017/p/8018555.html