Advertisement

Vue.js中使用axios.js进行前后端交互时,默认请求头不包含Cookie。

阅读量:

基于Vue框架开发的网易云音乐仿真实例中,
部分功能模块仅在用户完成注册认证后方能正常运行。
为了确保客户端提交的数据完整性与服务器端的数据保持一致,
例如,在这个系统中,
用户无法直接对歌曲进行评论,
因此,在发起相关操作前,
请确保您已成功登录并生成并保存相应的身份认证信息。
一旦登录成功,
在响应头字段中包含该Cookies标识以供后续验证。
将此Cookies值存储于本地以便后续调用。
随后,在发送评论请求时,
我们必须携带该Cookies信息到客户端。

最初认为cookies只要被保存下来,在下次发起请求时就会自动地被包含在请求头中。然而,在实际情况中我们还需要进行简单的axios配置设置

复制代码
    	withCredentials: true

示例:

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

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/yVXcbvw1HJ4mWFlSenuxt

全部评论 (0)

还没有任何评论哟~