vue3 带token的接口怎么发送请求

在 Vue3 中带 Token 的接口请求可以通过以下步骤实现：

1. 在发送请求的时候，需要在请求头中添加 Token。可以在axios的请求拦截器中进行设置：

import axios from 'axios'

axios.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

2. 在组件中发起请求，可以使用 axios 或者 fetch：

import axios from 'axios'

axios.get('/api/userinfo')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

在以上代码中，`/api/userinfo` 是需要带 Token 的接口地址。通过 axios 发起 GET 请求，如果请求成功，在控制台输出返回的数据；如果请求失败，输出错误信息。

带 Token 的 POST 请求和 GET 请求类似，只需要将 `axios.get()` 改为 `axios.post()` 即可。需要注意的是，POST 请求需要在请求体中添加数据，可以使用 FormData 或者 JSON 格式的数据。