鍍金池/ 問答/HTML/ axios請求 自定義設(shè)置頭部

axios請求 自定義設(shè)置頭部

后臺(tái)要求請求時(shí)頭部帶sign值進(jìn)行驗(yàn)證,在請求的時(shí)候自定設(shè)置了頭部信息,代碼如下:

clipboard.png

瀏覽器輸出的結(jié)果如下:

clipboard.png

多了一個(gè)Access-Control-Request-Headers:sign
網(wǎng)上有人跟我遇到了一樣的問題,這個(gè)解決方法的鏈接:https://segmentfault.com/q/10...;我按照解決方法讓后臺(tái)設(shè)置了,但是還是不行,怎樣才能讓頭部設(shè)置成鍵值對(duì)的形式.

vue新手一枚,請大神指點(diǎn)一下,非常感謝.

回答
編輯回答
入她眼

clipboard.png
看一下響應(yīng)頭的Access-Control-Allow-Headers是不是也有sign

2017年9月5日 15:37
編輯回答
安于心

你這個(gè)應(yīng)該還是后臺(tái)設(shè)置的問題，就是有關(guān)cors跨域后端相關(guān)設(shè)置的問題，網(wǎng)上的代碼其實(shí)也有一堆，但是有時(shí)候具體情況可能稍微有點(diǎn)不同，這個(gè)需要自己去聯(lián)調(diào)。

2018年6月7日 06:45
編輯回答
夢囈

出現(xiàn)問題的原因有兩個(gè)

  1. 跨域了
  2. 添加了自定義header

解決方法是服務(wù)端Access-Control-Request-Headers中加入sign字段即可

2018年8月28日 23:20
編輯回答
互擼娃

試一下：

// Set config defaults when creating the instance
const instance = axios.create({
  baseURL: 'https://api.example.com'
});

// Alter defaults after instance has been created
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

axios

2018年6月2日 20:41
編輯回答
蟲児飛

請參考我寫的這篇文章，是關(guān)于跨域問題的。這里應(yīng)該是先發(fā)的一個(gè)Option請求，但是后臺(tái)跨域沒有正確配置導(dǎo)致跨域失敗了吧。

2018年2月12日 23:50