首先我用的框架是vue，请求协议用的是ajax，跨域的处理办法是使用了反向代理，在我之前的博文有详细说明，有兴趣的可以去查看下，在做身份认证权限限制的时候，后台有在http-header的response中set-cookie，前端允许跨域：
按理说前端无需再做特殊处理，首次登陆成功后，response中有set-cookie，之后所有的请求都会在request中自动带上cookie；
遇到的问题就是，之后的请求并没有携带cookie的内容，什么办法都试过了，最后才发现，是path路径的问题，服务端配置了只有路径为/tvmanage之下的才能访问cookie，所以只要服务端把配置的路径改为服务器ip加端口号就可以了，现在可以提交cookie出去了。
顺便提一下如何获取http response的头部信息：
ajax成功以后加入xhr对象，然后通过xhr.getAllResponseHeaders()就可以拿到了
success: function (data, status, xhr) {
console.log(xhr.getAllResponseHeaders())
}
也可以用ajax请求本地url：
$.ajax({
type: 'HEAD', // 获取头信息，type=HEAD即可
url : window.location.href,
//url:"http://device.qq.com/cgi-bin/device_cgi/remote_bind_get_Verify",
complete: function( xhr,data ){
// 获取相关Http Response header
var wpoInfo = {
// 服务器端时间
"date" : xhr.getResponseHeader('Date'),
// 如果开启了gzip，会返回这个东西
"contentEncoding" : xhr.getResponseHeader('Content-Encoding'),
// keep-alive ？ close？
"connection" : xhr.getResponseHeader('Connection'),
// 响应长度
"contentLength" : xhr.getResponseHeader('content-length'),
// 服务器类型，apache？lighttpd？
"server" : xhr.getResponseHeader('Server'),
"vary" : xhr.getResponseHeader('Vary'),
"transferEncoding" : xhr.getResponseHeader('Transfer-Encoding'),
// text/html ? text/xml?
"contentType" : xhr.getResponseHeader('Content-Type'),
"cacheControl" : xhr.getResponseHeader('Cache-Control'),
// 生命周期？
"exprires" : xhr.getResponseHeader('Exprires'),
"lastModified" : xhr.getResponseHeader('Last-Modified'),
'set-cookie': xhr.getResponseHeader('set-cookie')
};
// console.log(xhr.getAllResponseHeaders())
}
});
希望本文对你有所帮助！