資訊專欄INFORMATION COLUMN
摘要：凡事有例外，以下分別對待不同情況服務(wù)器端配置即可客戶端配置，這樣大部分瀏覽器都支持跨域了，反正新版本下無問題。但放在默認設(shè)置下依然出現(xiàn)無法獲取的問題，至此，查資料查到解決存取的跨域問題，依照文中記載，在追加的響應(yīng)頭，解決了下的問題。
一般在生產(chǎn)環(huán)境下盡量可以通過nginx等反向代理，把vue前端和api接口處理成同一端口和域名。
在開發(fā)和測試時，也可以使用兼容性比較好的瀏覽器進行。
凡事有例外，以下分別對待不同情況：
服務(wù)器端
配置cors即可
客戶端
配置Axios.defaults.withCredentials = true，這樣大部分瀏覽器都支持跨域cookie了，反正新版本chrome下無問題。
但放在IE11（默認設(shè)置）下依然出現(xiàn)無法獲取cookie的問題，至此，查資料查到【P3P解決cookie存取的跨域問題(http://www.cnblogs.com/love2w...】，依照文中記載，在nginx追加P3P的響應(yīng)頭，解決了IE下的cookie問題。
以下為Nginx配置，以備忘：
location /xx-erp {
access_log /data/nginx/logs/zx3fund.log main;
root /data/nginx/html;
proxy_pass http://192.168.10.60:811/xx-erp/;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header P3P "CP=CAO PSA OUR";
index index.html index.htm;
}
IE下截圖：
另外，還有一種方式，在開發(fā)階段，用vue中間件proxyTable，把后端接口，代理為與前端執(zhí)行時的域一致
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/39504.html
摘要：跨域問題相信跨域問題是每個前端在請求中都會遇到的問題因為瀏覽器的同源策略的限制所以是不支持跨域的當(dāng)然當(dāng)后臺在沒有完成搭建的時候這時候我們需要使用到模擬數(shù)據(jù)的時候這時候很多的就會出現(xiàn)跨域問題在中當(dāng)然這個問題也不例外如下所以在此我也就整理出了 跨域問題 相信跨域問題是每個前端在ajax請求中都會遇到的問題,因為瀏覽器的同源策略的限制,所以ajax是不支持跨域的,當(dāng)然當(dāng)后臺在沒有完成搭建的...
摘要：版微信登錄地址如有不足與錯誤，請見諒版微信主要參考微信協(xié)議進行設(shè)計開發(fā)項目主要分成三大模塊登錄模塊微信掃碼登錄流程微信容器微信信息會話接收發(fā)送心跳監(jiān)測數(shù)據(jù)存儲用戶登錄信息狀態(tài)信息會話信息先祭圖拜八哥已求無效果圖我們希望實現(xiàn)的功能包括基本的 Web版微信登錄 github地址：https://github.com/hty7/vue-w...如有不足與錯誤，請見諒 Web版微信主要參考W...
摘要：我們看下跨域不生效的問題，首先拋出兩個問題我們?nèi)绾卧O(shè)置又如何確定設(shè)置是否生效了首先，我們實現(xiàn)一個簡單的接口新建一個文件，將如下代碼復(fù)制進去，通過啟動服務(wù)，在本地就可以通過來訪問了我們創(chuàng)建的接口了環(huán)境安裝的教程網(wǎng)上有很多詳細的教程，本文不再贅 我們看下跨域不生效的問題，首先拋出兩個問題： 我們?nèi)绾卧O(shè)置 cookie ？ 又如何確定 cookie 設(shè)置是否生效了 ？ 首先，我們實現(xiàn)一個...
閱讀 2753·2021-11-19 09:59
閱讀 2169·2019-08-30 15:55
閱讀 1030·2019-08-29 13:30
閱讀 1433·2019-08-26 10:18
閱讀 3175·2019-08-23 18:36
閱讀 2466·2019-08-23 18:25
閱讀 1258·2019-08-23 18:07
閱讀 522·2019-08-23 17:15
