В моем приложении vue / cli 4 я получил ошибку 401 из запроса в vue -tables-2 с таблицей серверов. Я делаю:
<div id="activity_logs_data_table">
<v-server-table :url="apiUrl + '/adminarea/activity-logs-filter'" :columns="columns" :options="tableOptions">
</v-server-table>
</div>
...
tableOptions: {
// see the options API
requestFunction(data) {
let credentialsConfig= JSON.parse(JSON.stringify(settingCredentialsConfig)) // Setting Bearer token
credentialsConfig.headers.Authorization = ' Bearer ' + this.$parent.$parent.currentLoggedUserToken
return axios.get(this.url, {
params: data
}, credentialsConfig ).catch(function (error) {
console.log('requestFunction error::')
console.error(error)
})
} // requestFunction: (data) => {
}, // tableOptions: {
И в браузере проверки запроса я вижу токен на предъявителя в другом формате, я ожидаю: https://imgur.com/a/Y3xsZuW
Запуск того же URL в другом страница (без vue -tables-2):
Я получаю данные с сервера:
this.credentialsConfig.headers.Authorization = 'Bearer ' + this.currentLoggedUserToken
// Request URL: http://local-ctasks-api.com/api/adminarea/activity-logs-filter?query=&limit=10&ascending=1&page=1&byColumn=0
axios.get(this.apiUrl + '/adminarea/activity-logs-filter?query=&limit=10&ascending=1&page=1&byColumn=0', this.credentialsConfig)
.then(({ data }) => {
console.log('/adminarea/activity-logs-filter data::')
console.log(data)
this.activityLogsRows = data.data
})
.catch(error => {
this.showPopupMessage('Settings Editor', error.response.data.message, 'warn')
})
и в браузере вижу Авторизацию в формате носителя: https://imgur.com/a/iBjnf4D
Некоторые дополнительные опции пропущены?
Спасибо!