vue axios 实现在请求头中携带token信息

最新推荐文章于 2024-08-02 10:52:48 发布

韩宏伟

最新推荐文章于 2024-08-02 10:52:48 发布

阅读量1.4w

点赞数 5

分类专栏： axios 文章标签： ajax vue 前端

本文链接：https://blog.csdn.net/hhw223/article/details/119773548

版权

axios 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue应用中通过axios在HTTP请求头中添加token，以实现前后端交互的身份验证。首先从cookie中获取token，然后在axios请求配置中设置headers，将token放入其中，确保后端可以接收到token信息。

摘要由CSDN通过智能技术生成

vue axios 实现在请求头中携带token信息

在前后端分离开发的时候，我们往往需要进行前后端交互，在交互时不可避免的需要进行用户身份验证，我们一般是将用户令牌放置到请求头中，接下来我们将使用axios来实现这一操作

第一步，我们将token信息，从cookie中获取到

let token = this.$cookies.get("token");

第二步，将token 信息放入到请求头中

axios({
					method: "get",
					url: "/api/user/queryjson",
					headers: { // 设置请求头
						token: this.$cookies.get("token")
					}
				}).then(res => { // 成功后的回调函数
					console.log(res)
					this.$data.tableData = res.data.data
					console.log(this.$data.tableData)
				})