本篇內容介紹了“cookie跨域共享的使用方法”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
需要解決前端pc跟服務端(java),跨域后都能獲取到同一個cookie。
使用二級域名共享cookie有一個限制條件,就是兩個域名的二級域名必須相同
前端pc訪問域名:a.b.com
后端接口域名:a-gateway.b.com
這兩個域名同屬一個二級域名:b.com
服務器nginx增加以下配置,即可解決跨域訪問的問題。也可以在程序中通過代碼解決跨域訪問。
nginx配置文件
location / { #是否允許跨域發送Cookie add_header Access-Control-Allow-Credentials true; add_header Access-Control-Allow-Origin 'http://a.b.com'; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'; if ($request_method = 'OPTIONS') { return 204; } }
如果需要允許跨域攜帶發送cookie的話,nignx則需要以下參數配置
nginx配置
"Access-Control-Allow-Credentials":可選字段。它的值是一個布爾值,表示是否允許發送Cookie。默認情況下,Cookie不包括在CORS請求之中。設為true,即表示服務器明確許可,Cookie可以包含在請求中,一起發給服務器。這個值也只能設為true,如果服務器不要瀏覽器發送Cookie,刪除該字段即可。
對于附帶身份憑證的請求,服務器不得設置 Access-Control-Allow-Origin 的值為'*'。這是因為請求的首部中攜帶了Cookie信息,如果 Access-Control-Allow-Origin 的值為'*',請求將會失敗。而將 Access-Control-Allow-Origin 的值設置為 http://a.b.com,則請求將成功執行。也就是說Access-Control-Allow-Credentials設置為true的情況下 Access-Control-Allow-Origin不能設置為*。
前端配置
以vue請求為例:
import axios from 'axios'; axios.defaults.withCredentials=true //允許攜帶cookie
java設置cookie
public static void addCookie(HttpServletResponse response,String cookieName,String cookieValue,int maxAge){ Cookie cookie =new Cookie(cookieName,cookieValue); cookie.setDomain("b.com");//指定域名 cookie.setPath("/");//設置cookie的生命周期 cookie.setHttpOnly(false); if(maxAge>0){ cookie.setMaxAge(maxAge); } response.addCookie(cookie); }
“cookie跨域共享的使用方法”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。