thinkphp5.1+uni-app接口开发中跨域问题解决方案

╰+哭是因爲堅強的太久メ 2021-08-31 07:09 574阅读 0赞

## 1. 什么是 CORS ##

CORS（Cross-Origin Resource Sharing 跨源资源共享），当一个请求 url 的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQwODY0OA_size_16_color_FFFFFF_t_70_pic_center]

## 2. 解决方法 ##

一般而言，只需要加入以下三行代码即可解决

//指定允许其他域名访问  
header(‘Access-Control-Allow-Origin:*’);  
//响应类型  
header('Access-Control-Allow-Methods:*’);  
//响应头设置  
header(‘Access-Control-Allow-Headers:x-requested-with,content-type’);

## 3.具体操作 ##

**在对应目录下创建此类**= **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-Methods:*');
            header('Access-Control-Allow-Headers:x-requested-with,content-type');
        }
    }

**来到tags.php**

// 应用初始化
        'app_init'     => [
            'app\\api\\behavior\\CORS'
        ],

**由于我后期还遇到了另一个跨域警告，又对此有所修改**

public function appInit(){ 
    
            // Allow from any origin
            if (isset($_SERVER['HTTP_ORIGIN'])) { 
                // Decide if the origin in $_SERVER['HTTP_ORIGIN'] is one
                // you want to allow, and if so:
                header("Access-Control-Allow-Origin: { $_SERVER['HTTP_ORIGIN']}");
                header('Access-Control-Allow-Credentials: true');
                header('Access-Control-Max-Age: 86400');    // cache for 1 day
            }
    
            // Access-Control headers are received during OPTIONS requests
            if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { 
    
                if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
                    // may also be using PUT, PATCH, HEAD etc
                    header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
    
                if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
                    header("Access-Control-Allow-Headers: { $_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
    
                exit(0);
            }
    
            /*header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:*'); header('Access-Control-Allow-Headers:*');//x-requested-with,content-type header('Access-Control-Allow-Credentials:true');*/
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQwODY0OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20210813/4df5b42bb1414040afe6577b76b3c52c.png