thinkphp ajax 跨域请求 Access-Control-Allow-Origin 完美解决

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/abs1004/article/details/76895652

ajax跨域请求出问题,一般有以下几种情况:

1、直接打开本地文件夹的 .html等文件,提示跨域错误
浏览器网址显示类似如下,以“file”开头:

file:///Users/username/wwwroot/test/Application/Api/View/Index/a.html

//解释:这种方法是不被允许的,不能用file类型来请求数据 把a.html放到服务器上,用网址的形式打开,如下:

http://www.test.com/Application/Api/View/Index/a.html

2、用网址打开了, 还提示跨域错误
比如客户端是本地搭建的环境,服务器端在阿里云或者别的网络服务器,这种情况有两种解决办法:
a、用jsonp

不具体说了,这个方法治标不治本,需要注意的是,使用jsonp的时候,只有get 类型可用,即使设置了 post类型,还是使用的 get

b、在服务器端的php文件开头 加入 header() 请求头

header('Access-Control-Allow-Origin:*');  
// 响应类型  
header('Access-Control-Allow-Methods:*');  
// 响应头设置  
header('Access-Control-Allow-Headers:x-requested-with,content-type');   

//解释:比如在thinkphp中,网络接口位于目录
Application/Api/Controller/BaseController.class.php ,该控制器里有个getInfo()
方法,客户端通过 xxx.com/Api/Base/getInfo 接口ajax读取服务器返回的数据,我们就把
上述三个header()放到这个控制器里,如下图


这里写图片描述

或者暴力一点 直接放到thinkphp的入口文件index.php里,如下图
在这里插入图片描述

展开阅读全文

没有更多推荐了,返回首页