VUE 帶着 JWT 生成 Token 訪問API 返回 401

填了一個坑

最近一直在用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)

結果如下：

 

記錄點點滴滴，成長路上不迷茫。