需求说明
近期由于项目前后端分离,需要解决跨域问题
问题总结
可以使用tp5.1的cors机制
解决方案
一般浏览器在检查到跨域问题时,会有两次请求,第一次是 option,如果返回 200,然后才会正式去访问接口。所以需要在有跨域的地方,都加上一个对 option 请求的处理.
对于ThinkPHP5来说,在其 application 目录下,有一个 tags.php 文件,这个能保证加载全局的函数。将 CORS 跨域处理文件的路径定义到 app_init 下,这就能保证,tp5 框架在初始化就加载这个跨域处理函数。
在 application->tags.php 文件中添加如下代码:
'app_init' => [
'app\\api\\behavior\\CORS'
],
新建文件 application->api->behavior->CORS.php
<?php
namespace app\api\behavior;
use think\Response;
class CORS
{
public function appInit()
{
header('Access-Control-Allow-Origin: *');//允许所有访问地址
header("Access-Control-Allow-Headers: token,Origin, X-Requested-With, Content-Type, Accept");//设置你要请求的头部信息
header('Access-Control-Allow-Methods: POST,GET');//设置你请求的方式
header('Access-Control-Allow-Credentials:false');//设置允许cookie跨域,这里如果设置为true上面就不能允许所有的地址了,要改为指定地址
if (request()->isOptions()) {
exit();
}
}
}