axios跨域请求默认不携带cookie

李增田发布于2019-08-23 18:11 / 3958人阅读

摘要：如下图图片描述由于登录不上，怀疑是否是未携带，但是无论如何操作，面板总是只显示这个。查阅文档，配置项有一个，表示跨域请求时是否需要使用凭证，默认值为。即在发起跨域时默认不携带，将设置为即可正常携带。

最近开发一款前后端分离的应用，后端接口全部完成，正在对接的时候发现死活登录不上。

前端是本地server，跑在localhost上，后端接口部署在测试服务器上。
后端已经允许了跨域，接口也能跑通，但是就是登录不上。
而且接口的表现十分奇怪，request headers里显示一个感叹号+Provisional headers are shown。如下图：

![图片描述][1]

由于登录不上，怀疑是否是cookie未携带，但是无论如何操作，chrome面板总是只显示这4个header。尝试用QQ浏览器打开查看header，
感叹号+Provisional headers are shown没有了，显示了实际的request headers。如下图：
![图片描述][2]

发现确实没有携带cookie。查阅axios文档，配置项有一个withCredentials，表示跨域请求时是否需要使用凭证，默认值为false。即axios    在发起跨域时默认不携带cookie，将withCredentials设置为true即可正常携带cookie。

GPU云服务器云服务器跨域cookie 不携带电脑云空间存储 java跨域cookie共享跨域请求

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104820.html

axios携带cookie配置（axios+koa）

摘要：通过将属性设置为，可以指定某个请求应该发送凭据。前台跨域请求，由于规范的存在，浏览器会首先发送一次嗅探，同时带上，判断是否有跨域请求权限，服务器响应的值，供浏览器与匹配，如果匹配则正式发送请求。话不多说，一个字，干！前端配置如下： axios.defaults.withCredentials = true; //配置为true axios.post(http:/...

张巨伟 2019-08-23 14:20 评论0 收藏0
全面分析前端的网络请求方式

摘要：请求默认会携带同源请求的，而跨域请求则不会携带，设置的的属性为将允许携带跨域。类型请求成功后的回调函数。另外，同样提供了在环境下的支持，可谓是网络请求的首选方案。当网络故障时或请求被阻止时，才会标记为，如跨域不存在，网络异常等会触发。一、前端进行网络请求的关注点大多数情况下，在前端发起一个网络请求我们只需关注下面几点：传入基本参数（url，请求方式）请求参数、请求参数类型设...

Edison 2019-08-23 16:27 评论0 收藏0
你不知道的CORS跨域资源共享

摘要：同源策略禁止使用对象向不同源的服务器地址发起请求。借助于决解同源策略决解同源策略，新方案跨域资源共享这里讲的重点跨域资源共享提供的标准跨域解决方案，是一个由浏览器共同遵循的一套控制策略，通过的来进行交互主要通过后端来设置配置项。了解下同源策略源（origin）*：就是协议、域名和端口号；同源：就是源相同，即协议、域名和端口完全相同；同源策略：同源策略是浏览器的一个安全...

Gu_Yan 2019-08-26 13:35 评论0 收藏0