ajax 设置Access-Control-Allow-Origin实现跨域访问

最新推荐文章于 2020-07-15 16:50:28 发布

转载最新推荐文章于 2020-07-15 16:50:28 发布 · 851 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/h330531987/article/details/78556565/

文章标签：

#php

PHP 专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何通过设置Access-Control-Allow-Origin解决跨域访问问题，详细解释了如何在服务器端配置响应头，包括允许任意网址请求、请求类型、是否允许发送cookies等关键设置。

通过设置Access-Control-Allow-Origin来实现跨域访问

例如：客户端的域名是www.client.com,而请求的域名是www.server.com

如果直接使用ajax访问，会有以下错误

XMLHttpRequest cannot load http://www.server.com/server.php. No ‘Access-Control-Allow-Origin’ header is present on the requested resource.Origin ‘http://www.client.com’ is therefore not allowed access.

header('Content-Type: text/html;charset=utf-8');
header('Access-Control-Allow-Origin:*'); // *代表允许任何网址请求
header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); // 允许请求的类型
header('Access-Control-Allow-Credentials: true'); // 设置是否允许发送 cookies
header('Access-Control-Allow-Headers: Content-Type,Content-Length,Accept-Encoding,X-Requested-');