我需要在自定义工具中从外部API(使用JWT auth)获取数据。 我已经构建了一个工具,无需身份验证即可获取一些数据。
我的问题是如何使用外部API实施JWT身份验证。
目前这是一个有效的示例,但没有auth:
<template>
<div>
<heading class="mb-6">Express Staff</heading>
<card class="flex flex-col items-center justify-center" style="min-height: 300px">
<table cellpadding="0" cellspacing="0" data-testid="resource-table" class="table w-full">
<thead>
<tr>
<th>id</th>
<th>name</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in items" :key="`item_${index}`">
<td>{{ item.id }}</td>
<td>{{ item.title }}</td>
</tr>
</tbody>
</table>
</card>
</div>
</template>
<script>
export default {
data() {
return {
items: [],
}
},
mounted() {
this.getData();
},
methods: {
getData() {
Nova.request().get('https://my-json-server.typicode.com/typicode/demo/posts').then((response)=>{
this.items = response.data;
});
}
},
}
</script>