thinkphp圖片跨域不顯示問題如何解決

首先，讓我們先了解跨域是什麼。跨網域發生在兩個不同網域的網站之間當一個網站的資源如JS、CSS、Ajax或圖片等請求存取另一個網站的資源時，由於同源策略的限製而被阻止。限制網站只能存取與其本身擁有相同網域、協定和連接埠的資源是同源策略的關鍵安全特性。

我們在專案中使用了一個第三方函式庫來載入圖片，該函式庫採用了具有不同網域的位址來儲存圖片。因此，在瀏覽器中，圖片跨域時無法正常顯示。

為了解決這個問題，我們需要在伺服器端進行一些設定。最常見的解決方法是在伺服器端設定CORS（跨來源資源共用）。 CORS使得伺服器可以在回應客戶端請求時，限制只有特定的網域名稱可以存取該資源。

在ThinkPHP框架中，我們可以透過在index.php檔案中加入以下程式碼來實現CORS：

header('Access-Control-Allow-Origin:*'); //允许所有来源访问
header('Access-Control-Allow-Method:POST,GET'); //允许访问的方式

這段程式碼允許所有來源存取資源，並且允許POST和GET方式的訪問。

這裡要注意的是，這段程式碼應該要放在index.php的頂部，這樣所有的請求都能使用該設定。

除了設定CORS，我們還可以使用其他方法來解決跨域問題。例如JSONP（JSON with Padding），它是一種解決跨域的可行方法，透過在頁面中新增一個script標籤，將需要存取的資料包裝成一個函數，然後在另一個網站上接收傳回的結果。

在ThinkPHP框架中，我們可以使用以下程式碼來產生JSONP方法：

$callback = isset($_GET['callback']) ? $_GET['callback'] : 'callback';
$data = array('name' => 'test', 'age' => 18);
echo $callback . '(' . json_encode($data) . ')';

我們先查看GET參數是否有callback參數，若有，則用該參數作為函數名稱。接著，將需傳回的資料轉換成JSON格式，再加入回呼函數。最後，在傳回資料時，我們將函數和資料一起傳回給瀏覽器。

以上是thinkphp圖片跨域不顯示問題如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！