我有一个PHP脚本,如果直接在浏览器(或 Postman )中调用它,它会成功返回一些简单的头文件和一个set-cookie头文件。我可以从chrome devTools中读取类似的响应头文件。但是当我用Axios调用它时,set-cookie头文件不会显示,浏览器中也没有保存cookie。
我尝试了不同的方法,如更改服务器端的响应头和使用“withCredentials:true”,但是没有任何效果。我甚至没有得到一个错误或任何与cors相关的问题。
PHP语言:
header("Access-Control-Allow-Origin: http://localhost:8080");
header("Content-Type: application/json; charset=UTF-8");
header("Access-Control-Allow-Methods: POST, GET");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
header("Access-Control-Max-Age: 99999999");
setcookie("TestCookie", "Testing", time() + 3600, "/", "localhost", 0);
die();
联森:
Vue.prototype.$http = axios.create({
baseURL: XYZ,
withCredentials: true
})
所以我的第一个问题是为什么在直接调用php脚本的时候会出现头文件?我怎样才能通过axios来获得头文件呢?
4条答案
按热度按时间lsmd5eda1#
可能cookie是'httpOnly',这意味着客户端javascript不能读取它。因此它不会显示在chrome cookie部分。在mozilla中测试相同的请求,标题将显示。
iklwldmw2#
这可能不适用于您的情况,但是我在这个独立的nodejs脚本中使用axios时遇到了同样的问题。
返回的http状态为200,但头中没有
set-cookie
。使用curl可以正确检索头,但状态代码为302将以下配置选项添加到axios后:
我在response.header中收到了axios中的
set-cookie
。没有
maxRedirects: 0
我收到了我使用的远程url的主页的html。在没有
validateStatus
的情况下,我在err.response.headers
对象中收到了set-cookie
标头。8ljdwjyq3#
在我的例子中,网络面板显示响应具有'Set-Cookie'报头,但是在axios中,报头不会显示,并且cookie正在被设置。
对我来说,分辨率是设置
Access-Control-Expose-Headers
头。说明:
从这个关于axios存储库中的一个问题的评论中,我被引导到这个人的注解中,这些注解引导我设置
Access-Control-Expose-Headers
头--现在cookie在客户机中被正确设置。因此,在Express.js中,我必须向cors中间件添加
exposedHeaders
选项:同样重要的是,在axios端,我在以下axios请求中使用
withCredentials
配置,我希望包括cookie。前/
mznpcxlj4#
我正在添加{withCredentials:true}如下所示: