資訊專欄INFORMATION COLUMN
摘要：?jiǎn)栴}與解決辦法前端攜帶憑證信息請(qǐng)求服務(wù)端接口，當(dāng)后臺(tái)這樣設(shè)置時(shí)，遇到報(bào)錯(cuò)，不能為當(dāng)請(qǐng)求的證書模式為時(shí)這是你的請(qǐng)求沒(méi)有通過(guò)的原因這個(gè)證書模式初始化是通過(guò)的屬性控制的雖然有報(bào)錯(cuò)，但請(qǐng)求數(shù)據(jù)是成功的。
問(wèn)題與解決辦法
前端攜帶cookie憑證信息請(qǐng)求服務(wù)端接口，當(dāng)后臺(tái)"Access-Control-Allow-Origin":*這樣設(shè)置時(shí)，遇到報(bào)錯(cuò)，
Access-Control-Allow-Origin不能為 * ,當(dāng)請(qǐng)求的證書模式為“include”時(shí) 這是你的請(qǐng)求沒(méi)有通過(guò)的原因 這個(gè)證書模式初始化是通過(guò)Ajax的withCredentials屬性控制的
雖然有報(bào)錯(cuò)，但請(qǐng)求數(shù)據(jù)是成功的。只不過(guò)請(qǐng)求成功之后的操作無(wú)法進(jìn)行下去
要解決這個(gè)報(bào)錯(cuò)問(wèn)題，前端需要對(duì)withCredentials參數(shù)設(shè)置 withCredentials: false,
this.$axios({
method: "post",
url:"http://upload-z2.qiniup.com/", // 七牛云的上傳地址，根據(jù)自己所在地區(qū)選擇，我這里是華南區(qū)
headers: {
"Content-Type": "multipart/form-data"
},
withCredentials: false,
data:formdata
}).then((res)=>{
console.log(res.data)
})
敲黑板，知識(shí)點(diǎn)：
后臺(tái)用session記錄的用戶登錄
1、前端發(fā)出的請(qǐng)求如果是攜帶Cookie身份信息
2、服務(wù)端的Access-Control-Allow-Origin如果設(shè)置的是*
那么這個(gè)請(qǐng)求會(huì)失敗，在Options預(yù)請(qǐng)求時(shí)會(huì)被攔截下來(lái)。
參考文獻(xiàn)MDN文檔 ：
https://developer.mozilla.org...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96196.html
摘要：為什么會(huì)存在跨域問(wèn)題同源策略由于出于安全考慮，瀏覽器規(guī)定不能操作其他域下的頁(yè)面，不能接受其他域下的請(qǐng)求不只是，引用非同域下的字體文件，還有引用非同域下的圖片，也被同源策略所約束只要協(xié)議域名端口有一者不同，就被視為非同域。 showImg(https://segmentfault.com/img/remote/1460000017093859?w=1115&h=366); Why 為什么...
摘要：?jiǎn)栴}描述在更新的過(guò)程中，可能中途會(huì)取消，取消之后再次更新時(shí)可能提示，如下圖下載工具，進(jìn)入此下載地址將文件解壓縮到目錄的同級(jí)目錄打開命令行工具，切換到的同級(jí)目錄，執(zhí)行如下命令該命令可以查看當(dāng)前掛起的操作該命令可以刪除當(dāng)前掛起的操作執(zhí)行刪除后再 問(wèn)題描述 在更新svn的過(guò)程中，可能中途會(huì)取消，取消之后再次更新時(shí)可能提示，如下圖： showImg(https://segmentfault.c...
摘要：因?yàn)樽咏M件有，所以在父組件中引用需要傳相應(yīng)的屬性。但考慮到如果層級(jí)較深的話一層一層傳就很麻煩。而如果我們用組件引用的話就會(huì)很簡(jiǎn)單，只需要在需要子組件的地方用的屬性就可以了手機(jī)號(hào) 因?yàn)樽咏M件有RouteComponentProps，所以在父組件中引用需要傳相應(yīng)的屬性。但考慮到如果層級(jí)較深的話一層一層傳就很麻煩。而如果我們用route組件引用的話就會(huì)很簡(jiǎn)單，只需要在需要子組件的地方用rou...
摘要：前段時(shí)間做一個(gè)項(xiàng)目，需求是對(duì)每個(gè)視頻添加預(yù)覽圖，這個(gè)問(wèn)題最終選擇方案是用來(lái)做轉(zhuǎn)換獲取視頻的一個(gè)截圖，添加到頁(yè)面中，達(dá)到自動(dòng)添加預(yù)覽圖的目的。 前段時(shí)間做一個(gè)項(xiàng)目，需求是對(duì)每個(gè)視頻添加預(yù)覽圖，這個(gè)問(wèn)題最終選擇方案是：用canvas.toDataYRL();來(lái)做轉(zhuǎn)換獲取視頻的一個(gè)截圖，添加到頁(yè)面中，達(dá)到自動(dòng)添加預(yù)覽圖的目的。部分代碼如下： var testVideo = document....
閱讀 1422·2021-10-08 10:04
閱讀 744·2021-09-07 09:58
閱讀 2924·2019-08-30 15:55
閱讀 2475·2019-08-29 17:21
閱讀 2177·2019-08-28 18:04
閱讀 3085·2019-08-28 17:57
閱讀 730·2019-08-26 11:46
閱讀 2264·2019-08-23 17:20
