Vue中使用axios进行前后端交互,请求头默认不携带cookie

使用Vue高仿网易云音乐项目,有些交互是需要登录后才能操作。因为服务端需要验证cookie的合法性,比如:用户想“评论”某一首歌,那么用户就必须先登录个人账号,登录成功后,服务端会返回一个cookie,我们需要保存下来,然后在评论歌曲发起请求时,需要在请求头携带cookie用于验证用户。

一开始认为cookie只要保存下来就会在下次发起请求时,请求头就会自动携带。事实上,我们还需简单配置一下axios:

	withCredentials: true

示例:

	const instance = new Axios.create({
    
    
	    baseURL: 'http://localhost:3000',
	    timeout: 5000,
	    withCredentials: true,
	  })

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43334673/article/details/113182556