摘要：所以那只好用方法二了，方法二到底是什么呢就是在服务端做手脚，操作起来也很简单，就是服务端在接口的时候加上如下的就可以解决跨域问题了。
相信很多童鞋在刚接触前后端分离的时候都会遇到跨域问题，那么跨域问题是怎么产生的呢？？怎么来解决跨域问题呢？？我们闲话少说，接下来给大家做一波分析。
首先来看一下“跨域”问题的产生的原因，其实“跨域”是浏览器出于安全方面考虑作出的限制，如果不在同一域名下访问接口的话就会产生跨域问题；一般ajax请求如果因为跨域问题报错的话一般如下的报错：
post request is No "Access-Control-Allow-Origin" header is present on
the requested resource."
如果看到下面的报错，那你肯定是跨域访问了。
那么跨域问题如何避免如何解决呢？其实解决办法也很简单，统一域名就可以了，如果不能统一域名的话也可以用“jsonp”，来进行前后端数据传输，但是“jsonp”只支持get访问，而且据我所知后台还要进行一些处理才行，所以“jsonp”并不是一个好的办法。所以那只好用方法二了，方法二到底是什么呢....就是在服务端做手脚，操作起来也很简单，就是服务端在接口response的时候加上如下的header： 就可以解决跨域问题了。
> header("Access-Control-Allow-Origin:*");
> header("Access-Control-Allow-Methods:POST,GET");
如果以上两招都行不通的话，也可以通过后台比如nodejs代替浏览器发送请求，后台请求不会受到跨域问题限制，因为前面也说了，跨域是浏览器的限制，所以后台请求也是个不错的办法哦！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/93552.html
摘要：所以那只好用方法二了，方法二到底是什么呢就是在服务端做手脚，操作起来也很简单，就是服务端在接口的时候加上如下的就可以解决跨域问题了。 相信很多童鞋在刚接触前后端分离的时候都会遇到跨域问题，那么跨域问题是怎么产生的呢？？怎么来解决跨域问题呢？？我们闲话少说，接下来给大家做一波分析。 首先来看一下跨域问题的产生的原因，其实跨域是浏览器出于安全方面考虑作出的限制，如果不在同一域名下访问接口的...
摘要：浏览器的同源策略固然保障了互联网世界的数据隐私与数据安全，但是如果当我们需要使用跨域请求资源时，同源策略又会成为开发者的阻碍。我们之前提到过，如果想要绕过浏览器同源策略，实现使用技术跨域获取资源，需要服务端和客户端的协同合作。 浏览器的同源策略固然保障了互联网世界的数据隐私与数据安全，但是如果当我们需要使用AJAX跨域请求资源时，同源策略又会成为开发者的阻碍。在本文中，我们会简单介绍需...
摘要：二跨域解决方案原理利用标签没有跨域限制的漏洞，网页可以得到从其他来源动态产生的数据。使用反向代理实现跨域，是最简单的跨域方式。 前言 前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议动手敲敲代码 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心...
摘要：二跨域解决方案原理利用标签没有跨域限制的漏洞，网页可以得到从其他来源动态产生的数据。使用反向代理实现跨域，是最简单的跨域方式。 前言 前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议动手敲敲代码 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心...
阅读 1559·2021-09-02 15:41
阅读 974·2021-09-02 15:11
阅读 1231·2021-07-28 00:15
阅读 2272·2019-08-30 15:55
阅读 1120·2019-08-30 15:54
阅读 1654·2019-08-30 15:54
阅读 2923·2019-08-30 14:02
阅读 2490·2019-08-29 16:57
