如何使用 axios 向 jwt-auth 发送 GET 请求？

Question

在vue/cli4/vuejs 2.6.10/vuex,3.0.1 app中我发出axios请求

axios.get(apiUrl + '/personal/user_groups/'+user_id )  /
   .then((response) => {

到后端应用程序（Laravel 5/jwt-auth），路由在 jwt.auth 组中：

Route::group(['middleware' => 'jwt.auth',  'prefix' => 'personal', 'as' => 'personal.'], function ($router) {
    Route::post('user_groups', 'API\PersonalController@user_groups');

出现错误：

"error":"UNAUTHORIZED_REQUEST"

我找到了一种使用配置参数和令牌参数发送 POST 请求的方法，我在成功登录时得到了它：

let config = {
    withCredentials:true, 
    headers: {
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin': '*',
    }
}
axios({ url: apiUrl + '/personal/user_groups', data: {user_id:user_id, token: this.getters.token}, method: 'POST', config : config })
    .then(response => {

但是如果有一种方法可以发送GET请求并且我在主题开始？

Answer 1

我找到了向请求添加授权参数的解决方案 headers

settingCredentialsConfig.headers.Authorization = "Bearer " + this.getters.token;
axios.get(apiUrl + '/personal/user_groups/' + user_id, settingCredentialsConfig)
    .then((response) => {

其中 settingCredentialsConfig 在 settings.js 中定义为

export const settingCredentialsConfig = {
    withCredentials:true, 
    headers: {
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin': '*',
    }
}

如何使用 axios 向 jwt-auth 发送 GET 请求？

How to send GET request with axios to jwt-auth?

laravel-5

axios

jwt-auth