THINKPHP跨域报错的解决方案

振宁

报错：has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
环境：thinkphp6 +nginx
今天和VUE配合调用接口的时候发现跨域报错。
参考
跨域请求 · ThinkPHP5.1完全开发手册 · 看云
中间件 · ThinkPHP6.0完全开发手册 · 看云
按照官网给出的例子，在中间件配置允许跨域

1. <?php
   
2. 
   
3. // 中间件配置
   
4. 
   
5. use think\middleware\AllowCrossDomain;
   
6. 
   
7. return [
   
8.     AllowCrossDomain::class
   
9. ];
   

复制代码

前端请求偶尔还是会出现了跨域请求提示

1. Access to XMLHttpRequest at from origin has been blocked by CORS policy:
   
2. Request header field x-token is not allowed by
   
3. Access-Control-Allow-Headers in preflight response.

复制代码

php在批量导入excel数据更新时偶尔会出现这个问题，出现时间不定，中间件都配置了跨域还是不行。
新建一个自定义的跨域中间件

1. <?php
   
2. 
   
3. namespace app\middleware;
   
4. use think\middleware\AllowCrossDomain;
   
5. 
   
6. 
   
7. class AllowCrossDomainMiddleware extends AllowCrossDomain
   
8. {
   
9.     // 加入自定义请求头参数 X-Token
   
10.     protected $header = [
    
11.         'Access-Control-Allow-Credentials' => 'true',
    
12.         'Access-Control-Max-Age'           => 1800,
    
13.         'Access-Control-Allow-Methods'     => 'GET, POST, PATCH, PUT, DELETE, OPTIONS',
    
14.         'Access-Control-Allow-Headers'     => 'Authorization, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since, X-CSRF-TOKEN, X-Requested-With, X-Token',
    
15.     ];
    
16. }

复制代码

重新配置中间件

1. <?php
   
2. 
   
3. // 中间件配置
   
4. 
   
5. use think\middleware\AllowCrossDomain;
   
6. use app\middleware\AllowCrossDomainMiddleware;
   
7. 
   
8. return [
   
9.     // 不使用默认的跨域中间件
   
10.     // AllowCrossDomain::class
    
11. 
    
12.     // 使用自定义跨域中间件
    
13.     AllowCrossDomainMiddleware::class
    
14. ];
    

复制代码

中间件，入口文件、路由都折腾了好几遍不行。
最后解决办法：
可以在入口文件添加以下代码，单独处理options请求
public/index.php

1. // 添加允许跨域请求头
   
2. header("'Access-Control-Allow-Credentials: true");
   
3. header("Access-Control-Allow-Origin: *");
   
4. header("Access-Control-Allow-Headers: Authorization, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since, X-CSRF-TOKEN, X-Requested-With, X-Token");
   
5. header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS, PATCH');
   
6. 
   
7. // 处理 OPTIONS 请求
   
8. if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
   
9.     exit;
   
10. }

复制代码

以上就是THINKPHP跨域报错的解决方案的详细内容，更多关于THINKPHP跨域报错的资料请关注脚本之家其它相关文章！

来源:https://www.jb51.net/program/317070z64.htm
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！