使用axios.headers.common来自定义请求头

当我们使用axios发起请求时，有时需要添加一些共同的请求头参数。axios.headers.common是一个对象，其中包含了所有请求的共同参数。我们可以在这个对象中添加自定义的请求头参数，以便每次请求时都能携带这些参数。

添加自定义请求头参数

要添加自定义的请求头参数，可以直接在axios.headers.common对象中添加键值对。例如，我们要添加一个名为"Authorization"的请求头参数，可以在代码中这样写：

axios.headers.common['Authorization'] = "Bearer " + token;

这样，在每次请求时，都会携带这个请求头参数。注意，这里的token需要动态生成或从其他地方获取。

修改或删除请求头参数

如果需要修改或删除已有的请求头参数，可以直接对axios.headers.common对象进行相应的操作。例如，要修改"Content-Type"请求头参数为"application/json"，可以这样写：

axios.headers.common['Content-Type'] = "application/json";

如果要删除一个已有的请求头参数，可以使用JavaScript中的delete操作符。例如，要删除名为"Authorization"的请求头参数，可以这样写：

delete axios.headers.common['Authorization'];

注意事项

在使用axios.headers.common时，需要注意以下几点：

• 在设置axios.defaults.headers.common之前设置axios.defaults.baseURL是没有意义的，因为axios.defaults.baseURL没有包含协议，主机名和端口，而只是一个公共的URI前缀，所以在设置这个参数之前已经发送的请求已经包含了完整的URI。
• axios.defaults.headers.common默认情况下包含了"Accept"和"Content-Type"请求头参数，可以通过覆盖这些默认值来自定义这些参数。
• 如果尝试重命名或删除一个不存在的请求头参数，则不会出现任何错误。