Ruby
JavaScript
Rails

axiosからRailsで作ったJSON API(XHR)にアクセスする方法

More than 1 year has passed since last update.

下記コードのようにHTMLとJSON両方に対応しているようなリソースにアクセスする場合は、X-Requested-With をヘッダーに付与しておく必要がある。

respond_to do |format|

format.html
format.json { render json: @user }
end

axiosのデフォルトに設定しておくと毎回書かなくて良いので楽。

const axios = require('axios');

axios.defaults.headers['X-Requested-With'] = 'XMLHttpRequest';
axios.get('/users/1').then((response) => {
console.log(response.data);
});