ActionCable在操作后显示空白页面

Question

我正在关注关于Rails 5 ActionCable的Michael Hartl 教程 ，构建一个简单的聊天，并且我在MessageController create动作中发生了一个问题：

  def create
    message = current_user.messages.build(message_params)
    if message.save
      ActionCable.server.broadcast 'room_channel',
                                     content:  message.content,
                                     username: message.user.username
      head :ok
    end
  end

直到head :ok ，然后显示一个空的HTML页面。 日志是：

Processing by MessagesController#create as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"h9UsB78aX8mO8Nyn8eZEUuDzAOxL4V7UCMwNuTfwALliMv7OCkcUIeR4/xXIcvPjwq9H1bphjn6G96G+0VYisw==", "message"=>{"content"=>"oi"}, "commit"=>"Send"}
  User Load (1.2ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = ? LIMIT ?  [["id", 1], ["LIMIT", 1]]
  Message Load (2.1ms)  SELECT  "messages".* FROM "messages" ORDER BY "messages"."created_at" DESC LIMIT ?  [["LIMIT", 50]]
   (0.3ms)  begin transaction
  SQL (9.3ms)  INSERT INTO "messages" ("content", "user_id", "created_at", "updated_at") VALUES (?, ?, ?, ?)  [["content", "oi"], ["user_id", 1], ["created_at", 2016-09-19 02:12:58 UTC], ["updated_at", 2016-09-19 02:12:58 UTC]]
   (9.1ms)  commit transaction
[ActionCable] Broadcasting to room_channel: {:content=>"oi", :username=>"alice"}
Completed 200 OK in 69ms (ActiveRecord: 22.0ms)


RoomChannel transmitting {"content"=>"oi", "username"=>"alice"} (via streamed from room_channel)
Finished "/cable/" [WebSocket] for 10.0.2.2 at 2016-09-19 02:12:58 +0000
RoomChannel stopped streaming from room_channel

（之后，我可以刷新页面并正确显示消息）

为什么会这样？

我的RoomChanel课程：

class RoomChannel < ApplicationCable::Channel
  def subscribed
    stream_from "room_channel"
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end

end

我的房间。咖啡

App.room = App.cable.subscriptions.create "RoomChannel",
connected: ->
  # Called when the subscription is ready for use on the server

disconnected: ->
  # Called when the subscription has been terminated by the server

received: (data) ->
  alert data.content

Answer 1

我知道答案已被接受，但这个解决方案对我有用而无需移除head :ok ，也许它可以帮助某人。

通常在开发环境中，人们运行localhost:3000但我在另一个端口localhost:3030 。

这种情况我不得不为该端口添加一个允许的请求源，如下所示：

config.action_cable.allowed_request_origins = [
      'http://localhost:3030'
  ]

到我的/config/environments/development.rb

Answer 2

在消化之后，我正在回答我为解决这个问题所做的工作。 它没有回答为什么会发生这种情况，而是解决问题。

解决方案是：删除head :ok 。

显然它是不必要的，因为如果我添加一个测试whit assert_response :success的动作，它将通过。