Nuxt配置token

如果你想在 Nuxt 项目中配置 token，你可以使用 `nuxt-axios` 模块。这个模块可以帮助你在客户端和服务器端中使用 Axios 库来进行 HTTP 请求。

首先，你需要安装 `nuxt-axios` 模块：

npm install --save @nuxtjs/axios

然后，在你的 Nuxt 项目中的 `nuxt.config.js` 文件中，添加以下配置：

modules: [
  '@nuxtjs/axios'
],

axios: {
  baseURL: 'https://api.example.com', // API 请求的默认前缀
  credentials: false, // 跨域请求是否需要凭证
  headers: {
    common: {
      'Authorization': 'Bearer ' + process.env.ACCESS_TOKEN
    }
  }
}

在上面的代码中，我们通过 `axios` 属性配置了一些 axios 的选项。其中，`baseURL` 是 API 请求的默认前缀，`credentials` 则表示是否需要在跨域请求中发送凭证。最重要的是 `headers`，它是一个对象，用于设置请求头。我们在这里设置了 `Authorization` 头，它的值为 `Bearer` 加上我们在环境变量中设置的 Access Token。

这样，在你的 Vue 组件中，你可以使用 `this.$axios` 对象来发起 HTTP 请求，它已经包含了 Token 信息。例如：

export default {
  async asyncData ({ $axios }) {
    const response = await $axios.get('/users')
    return {
      users: response.data
    }
  }
}

这样就可以在 Nuxt 项目中配置 Token 了。