跨域访问存在一个问题：如果你的api接口部署在一个域名A上，然后你的前端项目部署在另一个域名B上，那么B域名是无法使用ajax请求A域名的api接口数据的，这就是同源策略问题。
有针对跨域问题的一些解决方法：
- CORS跨域
在服务器端设置Access-Control-Allow-Origin响应头，就可以实现跨域访问。代码如下：
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");- JSONP跨域
JSONP的原理是利用<script>标签的src属性没有跨域限制的规定，故可以获取任何URL的js文件。 - 服务器代理跨域
通过在服务器端设置一个代理接口（proxy api），前端请求这个代理接口，然后由代理接口去请求真正的接口地址，然后再把获取到的数据返回给前端。 - 修改document.domain来跨子域
当一个页面中有iframe或者frame，可以通过设置document.domain来实现主域相同的页面之间的互相访问。
阿里云也有提供解决跨域问题的解决方案，例如可以在阿里云的API网关中配置CORS策略，也可以在阿里云的OSS、CDN服务中进行相关配置。具体配置方式可以参考阿里云官方文档。
需要注意的是，以上所有的跨域方法实际上都是服务器端的配置，需要在阿里云或者你的服务器上进行。在前端我们只需要正常调用API接口即可。
跨域配置主要涉及到浏览器的同源策略。当两个请求的协议、端口或域名有任何一个不同，就被视为跨域。为处理这一问题，阿里云提供了CORS跨域资源共享功能。
以下是在阿里云上进行跨域配置的步骤：
- 登录阿里云控制台。
- 在左侧菜单中选择某项产品服务（如OSS，云数据库，CDN等），然后找到您的服务实例。
- 若以OSS为例，在实例的详细界面中选择“设置”，然后选择“跨域设置”。
- 在跨域设置页面，点击“新增规则”。
- 在新增规则页面，填写”源站”。源站可以是一个具体的URL，如http://www.example.com，也可以是一个通配符URL，如*。
- 对于HTTP方法，至少需要选择GET，根据需要可选择其他项目，如POST、PUT等。
- 允许的头信息和暴露头信息，可以根据具体需求进行填写。
- 点击“确定”，完成CORS跨域的配置。
以上为基本的跨域配置步骤，实际操作时可能需要根据具体需要进行不同的设置。如果您需要更详细的说明，请查看阿里云的官方帮助文档或联系阿里云的客服获取帮助。
发布者：luotuoemo，转转请注明出处：https://www.jintuiyun.com/167579.html
