Javascript – Axios stellt Problem mit dem benutzerdefinierten Anforderungsheader ein

Question

Kritisieren Sie mich noch nicht. Ich habe das Dokument gelesen und bei Google nach Antworten gesucht. Der main.js-Code lautet wie folgt

axios.interceptors.request.use(
    config => {
          // 判断是否存在token，如果存在的话，则每个http header都加上token
        // config.withCredentials = true
        config.headers['X-Token'] = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC9hcGkuamlhamlh'
        
        return config
    },
    err => {
        return Promise.reject(err)
})

Die vom Browser ausgegebenen Ergebnisse lauten wie folgt:

Es gibt nur einen weiteren Access-Control-Request-Header:x-token

Es hat nicht einmal den Wert von x-token in den Header-Informationen, die ein Attribut sind Äquivalent zu „Host“?
Sollte es nicht sein?

Lösen

Answer 1

是这样的，跨域请求，非简单请求（不是 get、post 或存在多余的头部）时，浏览器会首先进行一个 OPTIONS 请求，这个请求来询问跨域是否被允许。Access-Control-Request-Headers 就属于这个请求。

当服务器返回允许 Access-Control-Request-* 所列出的项目是（就是返回 Access-Control-Allow-*）后，浏览器会发送你的请求。