最近換了份工作,離開了唯品會,想不到新的工作第乙份任務還是做管理系統,真憂傷~
新的管理系統是前後端**分離的,還搞了不同的域,真操蛋,
本地開發階段還是比較愉快的,在webpack配置proxy即可,配置如下
let context = ['/auth', '/myaccount', '/user', '/role', '/resource', '/task', '/enum', '/draft']剛開始後端還沒配置服務請求位址過濾,就報跨域限制了,在後端設定了cors之後,發現登入請求發了兩次,config.devserver =, ],
port: 8099,
watchoptions: ,
headers:
};
而且第一次還是options請求
而登入跳轉其他頁面全線報錯;
看**並沒發現發了options請求,而是都發了post請求,
查了資料發現是由於請求都變成了複雜請求,瀏覽器機制是複雜請求先發options請求,返回2**之後
才會自動再發一次options請求的,
簡單請求需要符合
1、get/post/head請求
簡單請求與複雜請求
這兩種請求的區別主要在於是否會觸發cors預檢請求 1 請求方法 2 不得人為設定該集合之外的其他首部字段。該集合為 3 content type 的值僅限於下列三者之一 4 請求中的任意xmlhttprequestupload 物件均沒有註冊任何事件 xmlhttprequestupload 物件...
OPTIONS請求 簡單請求與 非簡單請求
當瀏覽器發出了乙個跨域的xhr的時候,瀏覽器會自動在請求頭加上一些引數,對於簡單請求和非簡單請求是不一樣的,先看一下簡單請求的定義 1 請求方法是以下三種方法之一 2 http的頭資訊不超出以下幾種字段 的時候是簡單請求。對於簡單請求,瀏覽器直接在請求頭上加乙個origin欄位,說明本次請求來自哪個...
http cors簡單請求和非簡單請求
在開發中,我們會發現出現了乙個options請求的錯誤,如果第一次看到的小夥伴就會很疑惑了,http請求方式什麼時候出現了options,這是因為cors請求的簡單請求和非簡單請求的原因。簡單請求 同時滿足兩大條件 請求方式 get post head 注 什麼是head請求?head請求和get本...