Spring API 的 CORS 測試

在開發 API 和前端的時候，最麻煩的就是一個 CORS 測試。

你不知道你的 API 是否允許 CORS，也不知道是不是因為前端的原因。

但是 CORS 這個跨域訪問確實讓人非常頭疼。

## 寫個頁面
為了解決這個問題，我們用 HTML 寫了個頁面，這個頁面可以對跨域訪問進行一些小測試。

請檢視頁面在 GitHub 上的完整原始碼：

https://github.com/cwiki-us-demo/java-tutorials/blob/master/src/main/resources/html/cors.html

上面的程式碼主要是通過 JQuery 傳送一個跨域請求到 API，來判斷 API 返回的資料是否能夠支援跨域訪問。

另外，如果你的的 API 還需要新增 Bearer 訪問令牌的話，你可以在輸入對話方塊中輸入需要的 Bearer Token。

否則你可以留空，AJAX 的請求將不會設定訪問令牌。

 

 

如果沒有問題，你將會看到彈出成功的對話方塊。

如果沒有任何反應，你需要通過瀏覽器的 F12 ，開啟除錯對話方塊，然後檢視網路。

 

 

比如說，上面的圖片中，我們得到的錯誤程式碼是 403，這是因為我們沒有設定 Token 的值，我們的 API 是需要設定 Token 值的。

 

https://www.ossez.com/t/spring-api-cors/638