場景還原：由於前後端分離後有可能出現介面的url和我們前端訪問的url不再同一個域名下。這就會導致一個問題，就是瀏覽器的同源策略。對於同源策略如果要正常的使用我們就要處理跨域的問題。當然在跨域中介面傳送前會有一次OPTIONS請求，關於為什麼傳送OPTIONS請求我們在正文中解釋下。在tp5中解決跨域的問題，官方給出的文件是在路由中加allowCrossDomain()但是這對於我們的某些開發情況下來說不是很方便，這篇文章就是從全域性解決跨域問題。用到的tp5知識點有中介軟體和響應的傳送。

為什麼傳送OPTIONS請求

1. 獲取伺服器支援的HTTP請求方法；
2. 用來檢查伺服器的效能。例如：AJAX進行跨域請求時的預檢，需要向另外一個域名的資源傳送一個HTTP OPTIONS請求頭，用以判斷實際傳送的請求是否安全。

如何處理OPTIONS請求

那麼可定是滿足OPTIONS請求的以上兩點需求即可。也就是我們要在響應中說明我們支援的http請求方法以及伺服器效能，其實在PHP中我們只要用header函式來新增頭部就能達到這個目的，這和框架無關。

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: Authorization, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since, X-Requested-With'
 
);
header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE');
header('Access-Control-Max-Age: 1728000');

在這兒我們真實使用中可以對每個專案設定的更加具體。

tp5中如何處理

OPTIONS響應應該放在哪兒

當然我們應該把OPTIONS的請求放在請求的具體操作之前。在tp5中我們優先想到了中介軟體，因為我們寫中介軟體可以讓某個操作在請求的具體操作之前執行。

生成中介軟體

php think make:middleware CrossDomain

tp5給我們提供了這樣的中介軟體生成cli命令你也可以手動去建立目錄和CrossDomain類，記住中介軟體的入口方法必須是handle($request, \Closure $next)。

在handle中新增OPTIONS請求處理

<?php
/**
 * 請求處理中介軟體
 * Author: weiyongqiang<[email protected]>
 * Date: 2018/9/27
 * Time: 11:02
 */

namespace app\http\middleware;

use think\Response;

class CrossDomain
{
    public function handle($request, \Closure $next)
    {
        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Headers: Authorization, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since, X-Requested-With');
        header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE');
        header('Access-Control-Max-Age: 1728000');
        if (strtoupper($request->method()) == "OPTIONS") {
            return Response::create()->send();
        }

        return $next($request);
    }
}

需要特別注意的是在我們使用header()設定之後我們 檢測請求方法如果是OPTIONS就直接返回一個200響應。這個非常重要，我在看網上其他一些資料說檢測是OPTIONS請求直接exit()就行。但是明確告訴你那樣會出錯，應為handle必須返回一個Response，所以我們返回一個200狀態的響應。

註冊中介軟體

中介軟體寫完必須註冊了才可以生效。你可以全域性註冊或者在模組中註冊。因為我只在api模組中需要跨域，所以我註冊的是模組中介軟體。在api模組中建立middleware.php檔案然後註冊如下：

<?php
/**
 * 中介軟體註冊
 * Author: weiyongqiang<[email protected]>
 * Date: 2018/9/27
 * Time: 11:49
 */

return [
    \app\http\middleware\CrossDomain::class
];

至此關於tp5的全域性跨域問題解決，大家重點理解原理合理利用。當然開放是雙刃劍必須合理利用。