CORS跨域時axios無法獲取伺服器自定義的header資訊

阿新 • • 發佈：2019-01-31

最近用vue.js+axios開發單頁面應用時，需要把自定義資訊（token，uid）放到response header中返回，如下

<?php
header("token:www.uxuew.cn");
header("uid:100");
?>

然後在客戶端獲取在伺服器端自定義的header資訊：

const request = axios.post('http://vue.uxuew.cn/login`,props);
request.then((response)=>{
  console.log(response.headers);
});

但是我得到的結果裡卻沒有我自定義的值

Object 
 {
   content-type: "application/json; charset=utf-8", 
   cache-control: "max-age=0, private, must-revalidate"
}

在瀏覽器網路選單裡，去可以看到所有的response header資訊，包含伺服器端自定義的。

原因：

在使用CORS方式跨域時，瀏覽器只會返回以下預設頭部header:

response header
Content-Language
Content-Type
Expires
Last-Modified
Pragma

如果你想在客戶端app中獲取自定義的header資訊，需要在伺服器端header中新增Access-Control-Expose-Headers：

header('Access-Control-Expose-Headers:token,uid');

CORS跨域時axios無法獲取伺服器自定義的header資訊

最近用vue.js+axios開發單頁面應用時，需要把自定義資訊（token，uid）放到response header中返回，如下<?php header("token:www.uxuew.cn"); header("uid:100"); ?>然後在客戶端獲取

跨域koa-session 無法獲取問題

屬性表瀏覽器 key ces 服務端 cred origin class -a 當我們在發送跨域請求時，session是無法設置瀏覽器端的， ctx.session 也就獲取不到值， request 的 credentials屬性表示是否允許其他域發送cookie，該屬性

Cesium載入傾斜攝影模型，cors跨域的問題No 'Access-Control-Allow-Origin' header is present on the requested resource

用Cesium載入傾斜攝影模型時，會存在cors跨域的問題，報No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:

解決 axios 跨域時，傳送 post 請求變 options 的問題

前端：VUE 後端：django 前後端除錯時post請求，發現請求方式為options,服務端不接受，後查詢發現遇到大名鼎鼎的跨域問題。跨域：協議、ip、埠只要前後端有一個不一樣就會出現跨域問題。瀏覽器會嘗試向後端傳送option請求->想後端詢問是否支援從前端的這個域名發起跨

CORS 前端請求跨域時遇到的一些坑後臺解決方法

最近寫介面和前端vue互動，這樣就需要定義token來驗證，之前的專案都是前後臺不分離，我們都是服務的使用cookie或session。來存取資料。現在前後端分類，那麼token驗證是必不可少的，之前由於跨域問題，我們開始的解決辦法是每次提交資料都攜帶token

jquery $.ajax+php使用jsonp處理資料時，前端success ：function無法獲取伺服器返回資料

說明：下面描述的過程前端使用的jQuery 前提下完成的 $.ajax+php開發應用時，由於某些原因，ajax必須使用跨域操作處理資料（jsonp）發現 success:function(msg){ alert(msg); } 不執行，但是ajax請求php的資料在後端

vuejs2.0使用axios跨域時的一個注意

很多在VUE2.0的朋友都知道，vue大部分資料都是從介面調取的，這時候就會設計到一個跨域的問題了。下面是我在跨域的時候遇到過的幾個情況，都是在服務端這邊引起的，我不知道看到各位有沒有遇到過。一:服務端沒允許客戶端的域名調去介面（我服務端是PHP寫的）然後我們要在服

jquery使用CORS跨域請求時(前後端分離通過nginx部署前端)，cookie丟失問題

1. 我遇到的問題專案通過前後端分離模式開發，部署時：前端獨立部署在nginx上，登入成功後會往使用者地址上寫入cookie資訊，前端呼叫後臺地址時通過在nginx中配置location,後臺介面系統中有攔截器會攔截判斷前端頁面是否攜帶cookie資訊過來：此時發現出現coo

Ajax跨域請求COOKIE無法帶上的解決辦法

tar function jquery question logs request cross xmlhttp quest 本文參考https://stackoverflow.com/questions/12840410/how-to-get-a-cookie-from-a

CORS——跨域請求那些事兒

lob 有效期 site cati 項目 light 另一個 send 決定在日常的項目開發時會不可避免的需要進行跨域操作，而在實際進行跨域請求時，經常會遇到類似 No ‘Access-Control-Allow-Origin‘ header is present on

cors跨域問題

sco vs2015 不能 allow 並不會 name config 狀態添加這兩天公司布置一個特別簡單的管理系統，增刪查改四個接口，前端使用技術（html/css/angularjs），後臺（c#/mvc），數據庫（mysql）前端寫完，後臺寫完，在交互的時候就遇

CORS跨域請求總結

eve log 那種 http lencod pos 方法 ref orm CORS跨域請求分為簡單請求和復雜請求。 1. 簡單請求：滿足一下兩個條件的請求。（1) 請求方法是以下三種方法之一： HEAD GET POST （2）HTTP的頭信息不超出以下幾種字段：

CORS跨域資源共享你該知道的事兒

自身沒有對象的使用方法 one 一起接受 gpm spa eat “嘮嗑之前，一些客套話” CORS跨域資源共享，這個話題大家一定不陌生了，吃久了大轉轉公眾號的深度技術好文，也該吃點兒小米粥溜溜胃裏的縫兒了，今天咱們就再好好屢屢CORS跨域資源共享這個話題，大牛怡情

前端-關於CORS跨域的解決方案，面向服務端

red 瀏覽器環境和我 methods retrieve name 後臺一件事最近自己在寫後臺管理系統的時候，並沒有采用jsp、freemaker、葉子等模板技術，而是由後端提供數據api，前端通過AJAX和JQuery來動態操作頁面上的一些div、table元素，

Java實現CORS跨域請求

先來 pty contain type 資源共享服務端 header req options 問題使用前後端分離模式開發項目時，往往會遇到這樣一個問題 -- 無法跨域獲取服務端數據這是由於瀏覽器的同源策略導致的，目的是為了安全。在前後端分離開發模式備受青睞的今天，前

java Ajax跨域請求COOKIE無法帶上的解決辦法

coo $.ajax test style dem log json bsp ros 1.web.xml加入以下節點，，一定放在第一個filter  <filter> <filter-

CORS 跨域請求

seh ces .html set zip 同時頭信息 agent client 一、簡介 CORS需要瀏覽器和服務器同時支持。目前，所有瀏覽器都支持該功能，IE瀏覽器不能低於IE10。整個CORS通信過程，都是瀏覽器自動完成，不需要用戶參與。對於開發者來說，CORS通

spring boot Cors 跨域

-a control app ppi map ring als cor spring 在訪問web工程的時候，經常會報一些跨域的錯誤：CORS header ‘Access-Control-Allow-Origin’ missingspring boot中的cors設定方式

CORS跨域請求：前後端分離

跨域請求過濾器： /** * OncePerRequestFilter保證在任何Servlet容器中都是一個請求只執行一次的過濾器。 */ public class CorsFilter extends OncePerRequestFilter { @Override protected void do

關於CORS跨域問題的理解

當前 get 說明 multipart 服務 tom HP gin 範圍起因因為這段時間一個項目前後端分別部署在不同服務器的需要,抽空學習了一下CORS問題,不足之處,歡迎指教. 什麽是CORS CORS是一個w3c標準,全稱是"跨域資源共享"(Cross-orig

CORS跨域時axios無法獲取伺服器自定義的header資訊

相關推薦