成都阿里云代理商：api接口跨域配置

luotuoemo • 2024年3月16日 16:55 • 阿里云 • 阅读 33

跨域访问存在一个问题：如果你的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接口即可。