今天接到一個需求,往老的手機app項目中集成別的部門開發的報表功能。第一下就想到了iframe。因為只有簡單的插入頁面,其余的不涉及,也不能因為加入一個就修改前端架構所以選來選去就iframe最方便。想到就開始搞,沒一會代碼就over了。然后就開始調試看看有木有問題。結果打開直接空白,第一時間又去看了一下代碼(這個不是好習慣,得要第一時間排查問題,不一定就是代碼的問題)。結果一看代碼好像沒什么問題。然后打開控制台一看果然是有報錯 --Indicate whether a cookie is intended to be set in a cross-site context by specifying its SameSite attribute。然后就根據這個報錯開始查解決方案。最終查找到這個問題是由於chrome瀏覽器添加了限制條件為了防止CSRF攻擊而存在的。然后根據文章所得分析在項目中出現的問題。我項目的服務器是http的。第三方是https的。文章給出的建議的是把http升級為https。剛好公司有台測試服務器是添加了SSL,已經升級為https了,所以把項目轉移一下看看具體是不是這個問題。轉移后發現項目正常了。接下來就是找運維把對應的服務器升級一下了。
參考鏈接:https://blog.csdn.net/yhyc812/article/details/108623844