Spotify APIでCORSエラー

Question

Nuxt.jsでSpotify APIを叩きたいです。

アクセストークンを取得するためにmountedで以下のようなコードを書いてみたのですが、Access to XMLHttpRequest at 'https://accounts.spotify.com/api/token' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field grant_type is not allowed by Access-Control-Allow-Headers in preflight response.というエラーが出てしまいました。

このエラーを解消するにはどうすればよいでしょうか？

  mounted() {
    const options = {
      method: 'POST',
      headers: {
        Authorization:
          'Basic MmM2Y2JlMjg3OWUwNGFkNzk3NTI0NDExZGYzZWJjNTU6YzA3YjkxYTk0OWQwNDFiZTk1ZjhlOWY3NjAzZjBiYTA=',
        grant_type: 'client_credentials'
      },
      url: 'https://accounts.spotify.com/api/token'
    }

    this.$axios(options).then((res) => {
      console.log(res)
    })
  }

Answer 1

nuxtのユニバーサルモードであれば、servermiddlewareを使ってサーバサイドから叩けばCORSに引っかからないのではないでしょうか？
Nuxt サーバーミドルウェア

servermiddlewareにexpressでインスタンスを作り、
クライアント側ではそのservermiddlewareを$axios.$getすれば行けると思います。