跨域實際專案中處理方法

2022-08-31 08:00:11 字數 576 閱讀 9190

在公司開放平台的專案中,很榮幸我負責這個專案的前端工作;這個專案我們時候了前後端分離,後續出現了一些列的跨域問題;

首先的問題是對介面訪問的跨域,這個問題我們討論了很久,開始擬定2種方案,第一種是使用jsonp的方式,第二種是伺服器,允許某個網域名稱訪問,最終我們採取了後者;即使是允許開放平台的網域名稱能進行訪問,但是在開發的過程中還是會存在跨域的問題,我們的解決方案是直接修改host檔案,比如我們允許的網域名稱是: www.test.com,我們的伺服器位址是 :172.16.1.157,操作如下

第一步:找到host檔案,c:\windows\system32\drivers\etc\host

第二步:172.16.1.157 www.test.com 

這樣就可以輕鬆跨域

在乙個問題是在cookie後端獲取不到的問題,這裡我們使用的是jquery 的ajax  處理方法是

xhrfields: ,

支援跨域傳送cookies

vue cli專案中的跨域問題

一 開發環境中的跨域 vue cli建立的專案中,前端開發測試中,常會遇到跨域的問題。跨域通常都需要後台配置,不過前端也可以處理,可以直接利用 node.js 伺服器,通過修改 proxytable 實現跨域請求 在config資料夾下的index.js配置中 dev 設定完成一定要重啟 npm r...

node vue nginx 專案跨域處理

同源策略 sop same origin policy 是一種約定,由netscape公司1995年引入瀏覽器,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,瀏覽器很容易受到xss csfr等攻擊。所謂同源是指 協議 網域名稱 埠 三者相同,即便兩個不同的網域名稱指向同乙個ip位址,也非同...

Vue Node 專案中的跨域請求問題

如果你是在使用vue在做前端專案,那麼你肯定對vue和node的組合不陌生。無論是在實際的專案中還是我們自己做的demo中,但凡涉及到api介面請求,都會接觸到跨域這一技術名詞。這篇部落格介紹的是如何在vue node專案中解決跨域請求的問題,部落格中會介紹兩種跨域的設定方案,即前端跨域設定和後端跨...