js 发送请求如何自定义header

指间的风 2015-06-25 05:51:58

求助
首先发一张 postman 发送的请求截图

这里的header 都是独立的，例如
X-Zc-Timeout:60

下边的是 XMLHttpRequest 发送的

如何设置XMLHttpRequest 发送的 header 和 postman 一样呢?

...全文

3174 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

香蕉猪 2015-06-26

打赏
举报

回复

引用 1 楼 slwsss 的回复:

setRequestHeader

slwsss 2015-06-25

打赏
举报

回复

setRequestHeader

本文介绍了如何在Node.JS中处理跨域请求时添加自定义Header，特别是针对Token验证的场景。前端在发送请求时添加xtoken Header，后端通过设置允许自定义Header来接收并验证这个Token。在跨域请求中，前端会先发送OPTIONS预检请求，确保自定义Header被允许后再发送实际请求。

在项目开发中，使用js发起Ajax请求时，浏览器network显示发送了两次请求，第一次为OPTIONS，第二次为正常POST。这是因为浏览器对复杂跨域请求会先发送预请求。三种情况会导致此现象，作者因设置Content - Type为application/json及自定义header引发。

本文介绍了如何在Vue.js组件中通过axios发送带有自定义Header的HTTP请求，特别是在创建新内容时，如何处理401未授权错误，并在成功创建内容后自动更新内容列表。

这个博客详细介绍了如何使用JavaScript实现Ajax进行POST和GET请求。通过创建XMLHttpRequest对象，设置请求头，处理数据参数，以及定义成功和失败回调函数，实现了异步数据交互。示例代码展示了如何发送带有自定义header的POST请求和GET请求。

Axios是一个基于Promise的HTTP库，可用于浏览器和node.js中。文章介绍了如何在Vue项目中安装和使用Axios，包括GET和POST请求的发起，异常处理，全局配置以及自定义实例的默认值设置。还讨论了拦截器的概念，用于在请求发送前添加header或处理响应状态码。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章