vue設定header | vue ajax header
使用vue-resource與vue-cookie實現頁面登入,資料儲存與後臺的資料互動後端互動對vue中contentType,和ajax的contentType區別對待this.$http.post(netUrl,change,{headers:{Authorization:"Bearer"+this.$cookies.get("token")}}).then(response=>{console.log(response.data);if(response.data!=null){}},response=>{console.log("error");});當伺服器端需要設定contentType:“application/json”:如果採用的是傳統的$.ajax方式進行互動時設定contentType:"application/json;charset=UTF-8"也會導致伺服器訪問不成功必須嚴格設...
使用vue-resource與vue-cookie實現頁面登入,資料儲存與後臺的資料互動
後端互動對vue中contentType,和ajax的contentType區別對待 this.$http .post(netUrl, change, { headers: { Authorization: "Bearer " + this.$cookies.get("token") } }) .then( response => { console.log(response.data); if (response.data != null) { } }, response => { console.log("error"); } );當伺服器端需要設定contentType:“application/json”:
如果採用的是傳統的$.ajax方式進行互動時設定contentType:"application/json;charset=UTF-8"也會導致伺服器訪問不成功必須嚴格設定為contentType:“application/json”;
當使用vue中的vue-resource方式互動時,即使不設定contentType:"application/json"也可成功互動;為什麼ajax要求那麼嚴格,原因還不是很清楚;但是我們可以通過以上方式:每個http請求中加入以下程式碼,進行設定請求頭
headers: { Authorization: "Bearer " + this.$cookies.get("token") } 全域性設定請求頭雖然上述方式可以成功的設定請求頭,但是每個請求都設定顯得繁瑣,而從網上查詢解決方案始終沒有成功解決解決問題的主要思路:
1.使得請求頭中存在token網上提供方式: