【Rails】axiosでResponceHeaderに任意の値を取得できるように設定する【devise-token-auth】

概要

ReactとRailsAPIを使ったアプリで、devise-token-authをaxiosでアクセスしたときに取得できるheader情報を取得する方法について書きます。

devise-token-authでSignOutしたときに、SignInしたときの'access-token', 'uid','client'が必要になります。

しかし、CORSを使う場合defaultのままだと、上記値が取得できません。

なので、ResponceHeaderに'access-token', 'uid','client'の値が乗っかるように設定していきます。

実装方法

CORSに以下のコードを追加します。

expose: ['access-token', 'uid','client'],

実際に入れてみたのが以下

CORS.rb

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins 'http://localhost:3001'

    resource '*',
      headers: :any,
      expose: ['access-token', 'uid','client'],
      methods: [:get, :post, :put, :patch, :delete, :options, :head],
      credentials: true
  end
end

参考