Vuejs2 无法使用Vuejs 2中的vuetable-2从中检索数据

我是Vuejs 2的新手，目前正在做一个项目。我正在使用vuetable-2在Vuejs 2中形成一个数据表

我目前面临一个问题，无法使用属性api url vuetable-2检索数据

然而，我能够通过使用Axios和全局Axios默认配置（将令牌传递到每个请求头）从服务器检索数据

---

上图显示了两个部分：
1.使用vuetable-2的api url[出现错误403的那个，禁止]
2.使用Axios GET请求[成功检索数据]

---

Vuetable-2 api url（对服务器的api调用）：

---

我错过了什么吗-/

来自vuetable的源代码 （您可以搜索Work键“loadData”来定位位置。）

我们可以知道它正在使用

this.$http.get（url，this.httpData，this.httpOptions）
从服务器检索数据

因此，我敢说您为axios配置的头文件不适用于vuetable，您能检查vuetable发送的请求头文件的内容吗

我的意思是
http://localhost:3000/api/staffs?sort=&XXX
推送请求时，我只能假设Axios头被Vuetable覆盖。您可以使用以下格式将其提供给Vuetable：

  <vuetable
    ref="vuetable"
    api-url="http://localhost:3000/api/staffs"
    :http-options="{ headers: { 'x-access-token' : accessToken } }"
    :load-on-start = "loadOnStart"
    :fields="['userId', 'name', 'username']"
  ></vuetable>

也许您可以参考此问题为vuetable的请求添加拦截器
// Global axios default (config default that will be applied to every request)
var accessToken = window.localStorage.getItem('access_token')
axios.defaults.baseURL = 'http://localhost:3000/'
axios.defaults.headers.common['x-access-token'] = accessToken

  <vuetable
    ref="vuetable"
    api-url="http://localhost:3000/api/staffs"
    :http-options="{ headers: { 'x-access-token' : accessToken } }"
    :load-on-start = "loadOnStart"
    :fields="['userId', 'name', 'username']"
  ></vuetable>