koa開啟cors允許跨域，攜帶cookies

使用koa開發想要開啟 cors 非常簡單，已經有對應的庫：@koa/cors。

const cors =
require
('@koa/cors'
)use
(cors()
);

只需要兩行，介面就會在返回資料的時候帶上access-control-allow-origin響應頭。預設允許所有請求方式跨域即access-control-allow-origin預設為*。

為了安全考慮，攜帶cookies的跨域請求只允許access-control-allow-origin為單一網域名稱，即只支援乙個網域名稱在請求的時候攜帶cookies。且需要帶上響應頭access-control-allow-credentials

對@koa/cors新增配置origin和credentials：

const cors =
require
('@koa/cors'
)use
(cors()
);

同時，前端要發起攜帶cookies的跨域請求，需要設定withcredentials為true，如果你是使用axios，只需要在請求配置裡加上一句withcredentials: true，請看例子：

export
const
upload
=(requestparams)
=>
)}

這樣前端（）就可以向後端（http://localhost:8000）傳送請求了。

如果你的前端位址只有乙個，給@koa/cors的origin新增乙個網域名稱就能滿足需求，如果需要支援跨域的網域名稱有多個呢？

通過觀察@koa/cors的單元測試用例，可以發現origin是支援用函式的方式傳入的。這樣我們就可以維護乙個網域名稱陣列，判斷請求位址是否在網域名稱陣列內，就能知道是否要對請求位址提供攜帶cookies請求支援了。

要想知道發起請求的前端位址，可以使用ctx.request.header.origin。

// 允許的網域名稱陣列
arr_ym =
['',''
,'']use
(cors(}
, credentials:
true})
);

注意ctx.request.header.origin和ctx.request.origin是不同的。ctx.request.origin是介面網域名稱，ctx.request.header.origin是發起請求的頁面網域名稱。