jQuery Ajax 设置请求头
来源:互联网 发布:游泳入池须知知乎 编辑:程序博客网 时间:2024/05/18 01:01
在项目中采用token来验证用户登录,运作机制大致如下
用户首次登录成功时,server-end发送token到client,client存入cookie。
用户做任何请求操作时,在ajax的headers里带上token,用以server-end做登录状态验证。
这时问题就来了···
请求:
$.ajax({ type: type, timeout: 10000, // 超时时间 10 秒 headers: { 'Access-Token':$.cookie('access_token') }, url: url, data: data, success: function(data) { }, error: function(err) { }, complete: function(XMLHttpRequest, status) { //请求完成后最终执行参数 } })
报错:
Request header field Access-Token is not allowed by Access-Control-Allow-Headers in preflight response.
其中Access-Control-Allow-Headers 首部字段用于预检请求的响应。其指明了实际请求中允许携带的首部字段。参考MDN
查阅了很多参考资料以及各位前辈踩坑记录,得到如下总结:
- 报错意思是请求头中的Access-Token字段在Access-Control-Allow-Headers中没有被设置为允许.
谁来设置?
- 一种是font-end自己设置,在ajax在中设置beforeSend
$.ajax({ type: type, timeout: 10000, beforeSend: function(xhr) { xhr.setRequestHeader("Access-Toke"); }, headers: { 'Access-Token':$.cookie('access_token') }, url: url, data: data, success: function(data) { }, error: function(err) { }, complete: function(XMLHttpRequest, status) { //请求完成后最终执行参数 }});
- 第二种是server-end设置header参考stackoverflow——>Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
public class SimpleCORSFilter implements Filter { public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletResponse response = (HttpServletResponse) res; response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-Methods", "POST, GET"); response.setHeader("Access-Control-Max-Age", "3600"); response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, Access-Toke"); chain.doFilter(req, res); } public void init(FilterConfig filterConfig) {} public void destroy() {} }
1 0
- jQuery Ajax 设置请求头
- jquery $.ajax()异步请求设置
- #Ajax跨域设置服务端请求头
- ajax 设置请求头参数之--contentType
- jquery怎么设置请求消息头
- HttpClient设置请求头
- http 请求头设置
- ajax 设置消息头
- jQuery.ajax 跨域请求webapi设置headers的解决方案
- jquery.ajax 跨域请求webapi,设置headers
- AJAX请求头Content-type
- AJAX请求头Content-type
- jquery之利用ajax与服务器交谈(完全控制ajax请求之设置请求的默认值)
- ajax请求时request加请求头
- JQuery提交Ajax请求
- JQuery中ajax请求
- jQuery AJAX 请求
- jQuery Ajax 请求
- C语言中函数指针的简单使用
- 图像的读取,显示与保存
- 小白训练Day6
- Java集合 02
- 制作《邓选》电子版,袁萌不是问题人
- jQuery Ajax 设置请求头
- Activity关闭子线程是否随着关闭?
- JS正则表达式
- XPath学习:轴(1)——child
- deep learning papers
- CommonJs、AMD 、CMD 前端开发模块化组合
- Systemd 入门教程:实战篇
- 标准的ANSI C字符串函数和它们的等价Unicode函数 字符串处理函数对照表[宽字符处理与ANSI字符处理]
- linux 装载服务常见命令