成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于Vue/axios下跨域cookie的處理

Mike617 / 702人閱讀

摘要：凡事有例外，以下分別對(duì)待不同情況服務(wù)器端配置即可客戶端配置，這樣大部分瀏覽器都支持跨域了，反正新版本下無(wú)問(wèn)題。但放在默認(rèn)設(shè)置下依然出現(xiàn)無(wú)法獲取的問(wèn)題，至此，查資料查到解決存取的跨域問(wèn)題，依照文中記載，在追加的響應(yīng)頭，解決了下的問(wèn)題。

一般在生產(chǎn)環(huán)境下盡量可以通過(guò)nginx等反向代理，把vue前端和api接口處理成同一端口和域名。

在開(kāi)發(fā)和測(cè)試時(shí)，也可以使用兼容性比較好的瀏覽器進(jìn)行。

凡事有例外，以下分別對(duì)待不同情況：

服務(wù)器端

配置cors即可

客戶端

配置Axios.defaults.withCredentials = true，這樣大部分瀏覽器都支持跨域cookie了，反正新版本chrome下無(wú)問(wèn)題。

但放在IE11（默認(rèn)設(shè)置）下依然出現(xiàn)無(wú)法獲取cookie的問(wèn)題，至此，查資料查到【P3P解決cookie存取的跨域問(wèn)題(http://www.cnblogs.com/love2w...】，依照文中記載，在nginx追加P3P的響應(yīng)頭，解決了IE下的cookie問(wèn)題。

以下為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下截圖：

另外，還有一種方式，在開(kāi)發(fā)階段，用vue中間件proxyTable，把后端接口，代理為與前端執(zhí)行時(shí)的域一致

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/39504.html

相關(guān)文章

  • 關(guān)于vue-resource在dev環(huán)境下跨域問(wèn)題的解決方法

    摘要：跨域問(wèn)題相信跨域問(wèn)題是每個(gè)前端在請(qǐng)求中都會(huì)遇到的問(wèn)題因?yàn)闉g覽器的同源策略的限制所以是不支持跨域的當(dāng)然當(dāng)后臺(tái)在沒(méi)有完成搭建的時(shí)候這時(shí)候我們需要使用到模擬數(shù)據(jù)的時(shí)候這時(shí)候很多的就會(huì)出現(xiàn)跨域問(wèn)題在中當(dāng)然這個(gè)問(wèn)題也不例外如下所以在此我也就整理出了 跨域問(wèn)題 相信跨域問(wèn)題是每個(gè)前端在ajax請(qǐng)求中都會(huì)遇到的問(wèn)題,因?yàn)闉g覽器的同源策略的限制,所以ajax是不支持跨域的,當(dāng)然當(dāng)后臺(tái)在沒(méi)有完成搭建的...

    timger 評(píng)論0 收藏0

  • 如何開(kāi)發(fā)一個(gè)個(gè)性化的Web版微信（1）

    摘要：版微信登錄地址如有不足與錯(cuò)誤，請(qǐng)見(jiàn)諒版微信主要參考微信協(xié)議進(jìn)行設(shè)計(jì)開(kāi)發(fā)項(xiàng)目主要分成三大模塊登錄模塊微信掃碼登錄流程微信容器微信信息會(huì)話接收發(fā)送心跳監(jiān)測(cè)數(shù)據(jù)存儲(chǔ)用戶登錄信息狀態(tài)信息會(huì)話信息先祭圖拜八哥已求無(wú)效果圖我們希望實(shí)現(xiàn)的功能包括基本的 Web版微信登錄 github地址：https://github.com/hty7/vue-w...如有不足與錯(cuò)誤，請(qǐng)見(jiàn)諒 Web版微信主要參考W...

    dockerclub 評(píng)論0 收藏0

  • 跨域問(wèn)題導(dǎo)致設(shè)置 cookie 不生效

    摘要：我們看下跨域不生效的問(wèn)題，首先拋出兩個(gè)問(wèn)題我們?nèi)绾卧O(shè)置又如何確定設(shè)置是否生效了首先，我們實(shí)現(xiàn)一個(gè)簡(jiǎn)單的接口新建一個(gè)文件，將如下代碼復(fù)制進(jìn)去，通過(guò)啟動(dòng)服務(wù)，在本地就可以通過(guò)來(lái)訪問(wèn)了我們創(chuàng)建的接口了環(huán)境安裝的教程網(wǎng)上有很多詳細(xì)的教程，本文不再贅 我們看下跨域不生效的問(wèn)題，首先拋出兩個(gè)問(wèn)題： 我們?nèi)绾卧O(shè)置 cookie ？ 又如何確定 cookie 設(shè)置是否生效了 ？ 首先，我們實(shí)現(xiàn)一個(gè)...

    Taste 評(píng)論0 收藏0

  • VUE知識(shí)點(diǎn)集錦

    摘要：載入前后在階段，實(shí)例的和都初始化了，但還是掛載之前為虛擬的節(jié)點(diǎn)，還未替換。類似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標(biāo)簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實(shí)現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個(gè)...

    Tecode 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<