Rails JSON参数未解析

Question

我有一个reactj中的注册表格，并希望以JSON格式将用户数据（名称，电子邮件，密码）发送到我的Rails API。然后，导轨不会将我的JSON数据解析为参数。

路线

Rails.application.routes.draw do
    get '/list_users' => 'users#index'
    post '/register_user' => 'users#register'
end

用户控制器

class UsersController < ApplicationController
    def index
        @users = User.all
        render json: @users
    end
    def register
        puts params.inspect
        @user = User.new(name: 'TEST', :email => params[:email], :password => params[:password])
        #@user = User.new(name: 'User', email: '[e-mail]', password: 'password') (this works)
        @user.save
    end
end

放置参数。注意输出：

<ActionController::Parameters {"controller"=>"users", "action"=>"register"} permitted: false>

注册表格

postData(){
    var myHeaders = new Headers();
    myHeaders.append('Accept', 'application/json')
    myHeaders.append('Content-Type', 'application/json');
    var data = JSON.stringify({
        name: "Test",
        email: "[e-mail]",
        password: "password"
    })
    fetch("http://127.0.0.1:3000/register_user",{
        method: 'POST',
        headers: myHeaders,
        mode: 'no-cors',
        body: data
    })
    .then(function(res){ return res.json(); })
    .then(function(data){ alert( JSON.stringify( data ) ) })
    .catch( (ex) => {
        console.log("Fetch failed" + ex);
    });
}

在配置中启用了JSON的参数包装。感谢您的帮助！

Answer 1

配置架子:: CORS接受选项的技巧，就像Sideshowbarker在他的评论中解释。

application.rb

config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins '*'
    resource '*', :headers => :any, :methods => [:get, :post, :options]
  end
end

和前端

mode: 'cors'

Answer 2

在这种情况下的JSON参数将不具有符号键，而是符号键。改用此方法：

@user = User.new(name: 'TEST', :email => params['email'], :password => params['password'])