码迷,mamicode.com
首页 > Windows程序 > 详细

VUE 带着 JWT 生成 Token 访问API 返回 401

时间:2021-06-02 10:44:32      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:数据   async   his   ida   返回   结构   val   技术   其他   

填了一个坑

最近一直在用JWT作为一个授权中心,生成一个Token,其他API带着Token去访问数据,项目结构这样的, 就这么简单的两层。

技术图片

 

1、鉴权中心单独生成Token,带到第二个项目中去访问数据

2、Vue携带Token 请求数据,老是返回401

this.$refs.loginForm.validate(async valid => {const { data: res } = await this.$http.get(http://localhost:54050/WeatherForecast/GetWeatherInfo, { headers: { Authorization: eyJkpXVCJ9.23123123.ajapX0gFkLTo } })
        console.log(res)
      })

咋一看没毛病啊,但请求就是 不通过!!

技术图片

 

百度被翻烂了,还是没有找到解决方法。就是在绝望之时,无意中看到了一个帖子,Token令牌。 

Token前面加 Bearer ,哎呀,我去。正确写法如下:

const { data: res } = await this.$http.get(http://localhost:54050/WeatherForecast/GetWeatherInfo, { headers: { Authorization: Bearer eyJkpXVCJ9.23123123.ajapX0gFkLTo‘ } }) 
console.log(res)

结果如下:

技术图片

 

记录点点滴滴,成长路上不迷茫。

 

VUE 带着 JWT 生成 Token 访问API 返回 401

标签:数据   async   his   ida   返回   结构   val   技术   其他   

原文地址:https://www.cnblogs.com/youmingkuang/p/14810766.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!