鍍金池/ 問(wèn)答/HTML/ axios request攔截中添加了Access-Control會(huì)報(bào)name.

axios request攔截中添加了Access-Control會(huì)報(bào)name.toUpperCase是什么原因?

問(wèn)題描述

后臺(tái)已經(jīng)添加了Access-Control-Allow-Origin跨域請(qǐng)求,我在axios request攔截中添加了Access-Control-Allow-Origin,但是瀏覽器報(bào)錯(cuò)name.toUpperCase is not a function不知道是什么原因?qū)е碌摹?/p>

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

谷歌了一上午也沒(méi)找到解決問(wèn)題方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
沒(méi)加Access-Control-Allow-Origin之前瀏覽器報(bào)錯(cuò)是這樣的
圖片描述
于是我添加了如下代碼
圖片描述
之后瀏覽器報(bào)錯(cuò)就變成了這樣
圖片描述

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

這是vue項(xiàng)目,希望在請(qǐng)求攔截時(shí)添加跨域,能夠正常訪問(wèn)接口。

初次使用vue,不知提出問(wèn)題是否明確,還請(qǐng)大家多多幫助。

回答
編輯回答
墨沫

Access-Control-Allow-Origin 應(yīng)該加到response。 所以不明白你在做啥

2017年3月24日 15:48
編輯回答
情已空

vue前端要解決跨域 本地開(kāi)發(fā) 就配代理 其他環(huán)境無(wú)能為力
疑問(wèn)是:你加請(qǐng)求響應(yīng)頭?
按你描述的后臺(tái)配置了Access-Control-Allow-Origin 為*
那你直接請(qǐng)求啊

2018年6月22日 17:44
編輯回答
陪她鬧

這個(gè)問(wèn)題本身就有問(wèn)題。

首先,Access-Control-Allow-Origin 是要后端服務(wù)添加到 response 的 header 中的,而不是像你問(wèn)題中這樣添加到請(qǐng)求的 header 中的,你檢查一下接口的 response header 中有沒(méi)有 Access-Control-Allow-Origin 這個(gè)字段,如果有的話看看值是什么。

其次,你添加 header 的方式也不對(duì),config.headers 是一個(gè)對(duì)象,如果要添加的話也是要通過(guò) config.headers = {} 的方式添加,而你的添加方式是把 headers 設(shè)置成了一個(gè)字符串(看看文檔,好好理解下)。

你說(shuō)你 Google 了一個(gè)上午,估計(jì)是方向不對(duì),你可以借這個(gè)機(jī)會(huì)你可以 Google 一下數(shù)據(jù)接口前端跨域的解決方案,理解一下。

2018年8月20日 04:29