Ember js and Rails 4 CSRF

Question

I've setup a Rails 4 app with Ember js using the gems provided on the site

gemfile

gem 'ember-rails'
gem 'ember-source', '1.2.0'

entries_controller.js.coffee

Tut1.EntriesController = Ember.ArrayController.extend

    addEntry: ->
        entry = @store.createRecord(Tut1.Entry,
        name: @get('newEntryName')
        winner: false
    )
    entry.save()

I get this error on the console.

POST http://localhost:3000/entries 422 (OK)

It's posting correctly, but rails is retuning a "ActionController::InvalidAuthenticityToken" which is confusing to me as the host, origin and referer are the same.

Host:localhost:3000
Origin:http://localhost:3000
Referer:http://localhost:3000/

Is it still cross domain? How do I authenticate this request.

score 6 · Accepted Answer · answered Dec 20 '13 at 08:54

there a quite a lot links to that problem out there

http://blog.waymondo.com/2012-12-18-ember-dot-js-and-rails-authentication-gotchas/

$ ->
  token = $('meta[name="csrf-token"]').attr('content')
  $.ajaxPrefilter (options, originalOptions, xhr) ->
    xhr.setRequestHeader('X-CSRF-Token', token)

score 2 · Answer 2 · edited May 23 '17 at 11:57

It isn't a cross domain request, however, the code in your application controller:

protect_from_forgery with: :exception

is trying to protect against a CSRF attack. It's expecting a valid CSRF token when you post the form. There are some more details here.

An easy way to get around this problem would be to use rails_csrf. It essentially requests a token from your server and then sets the appropriate headers so that the requests are then made with the right CSRF token.

Ember js and Rails 4 CSRF

2 Answers2