關於Vue axios下跨域cookie的處理

2021-09-17 00:13:04 字數 619 閱讀 6183

一般在生產環境下盡量可以通過nginx等反向**,把vue前端和api介面處理成同一埠和網域名稱。

在開發和測試時,也可以使用相容性比較好的瀏覽器進行。

凡事有例外,以下分別對待不同情況:

伺服器端

配置cors即可

客戶端配置axios.defaults.withcredentials = true,這樣大部分瀏覽器都支援跨域cookie了,反正新版本chrome下無問題。

但放在ie11(預設設定)下依然出現無法獲取cookie的問題,至此,查資料查到【p3p解決cookie訪問的跨域問題(依照文中記載,在nginx追加p3p的響應頭,解決了ie下的cookie問題。

以下為nginx配置,以備忘:

location /xx-erp
ie下截圖:

另外,還有一種方式,在開發階段,用vue中介軟體proxytable,把後端介面,**為與前端執行時的域一致

vue axios跨域問題

vue2.0的 axios 在實際介面呼叫中常常會遇到跨域問題。一下簡單介紹了如何解決跨域問題。1.首先你的axios要安裝成功,具體的請參考 2.通過編輯器 ide 開啟你的專案 進入config index.js 在dev下的proxytable內輸入對應 proxytable 注 上述的api...

Vue axios跨域請求

1.安裝axios.npm install axios2.在config目錄下的index.js設定proxytable proxytable 3.在main.js引入axios模組 import axios from axios vue.prototype.axios axios axios.de...

vue axios跨域配置

簡介 vue2.0之後,就不再對vue resource更新,而是推薦使用axios。基於 promise 的 http 請求客戶端,可同時在瀏覽器和 node.js 中使用。功能特性 1 在瀏覽器中傳送 xmlhttprequests 請求 2 在 node.js 中傳送 http請求 3 支援 ...