跨域解決方案

後端解決跨域的主要方式是，通過在響應頭中設定相關的跨域字段，用於告訴瀏覽器允許跨域請求資源。

在前後端分離的場景中，登入頁面存在後端伺服器中，當登入成功後，需要發起跳轉請求，跳轉至前端首頁的情況。

nginx響應頭相關配置（可指定匹配路徑，並不一定需要在location / 下配置）

在前後端分離的場景中，由於瀏覽器的同源策略，造成ajax請求後端資源時，無法獲取後端cookie。因此，如果需要前端在請求跨域資源時，攜帶對應的cookie，則需要進行跨域處理。

處理方案一：

1. 後端需要在響應頭中新增access-control-allow-credentials=true，用於告知瀏覽器，伺服器允許接收cookie。

2. 前端需要對ajax設定withcredentials = true，用於告知瀏覽器允許ajax讀取跨域的cookie。

axios設定：axios.defaults.withcredentials = true

注意: 當設定axios.defaults.withcredentials = true後，瀏覽器就不支援使用萬用字元" * 「，因此access-control-allow-headers和access-control-allow-origin欄位需要設定具體的值，而不能通過」 * "進行替代。

處理方案二：

通過window.location = 「url」或者 window.open(「url」,"_self")，可以直接獲取cookie，不存在跨域情況。

原理：window為瀏覽器物件模型，相當於乙個瀏覽器，通過瀏覽器直接發起請求，不會存在跨域。跨域主要是瀏覽器對ajax發起資源請求的一種限制。因此，通過瀏覽器發起的請求，可以直接讀取到cookie。