Angular2中Http访问后端接口跨域问题

大佬教程收集整理的这篇文章主要介绍了Angular2中Http访问后端接口跨域问题，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

http访问跨域问题是一个老生常谈的事情，之前web端用JSP的时候就会出现，不同系统之间在JS中调用服务时，就会出现跨域问题，因为要访问的服务发布在不同的服务中。当时的解决办法是使用JQuery封装的jsonp方式，它类似于JQuery的.json方法的使用方式，这里就不赘述了。

最近在做前后端分离，前端框架采用的Angular2，同样的好巧不巧的也遇到了跨域问题，如下图所示：

我的做法是在后端接口response的时候设置Access-Control-Allow-Origin属性的值：

在Controller相应方法中添加下面代码：

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

或者在方法上面添加注解：

@CrossOrigin(origins = {"http://localhost:4200","null"})

当然在后端也可以统一拦截进行处理，或者在前端也可以处理，但是修为尚浅，还不太清楚在前端怎么处理。而且前端的东西，远不止现在了解的这些Angular2的东西，现在的还是皮毛，前端的水还是很深的。

大佬总结

以上是大佬教程为你收集整理的Angular2中Http访问后端接口跨域问题全部内容，希望文章能够帮你解决Angular2中Http访问后端接口跨域问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。