Ruby on rails 如何通过React前端连接到Rails API后端ActionCable？

我正在尝试使用ReactActionCableProvider包通过React前端连接到我的RailsAPI后端ActionCable

我尝试使用ReactActionCableProvider链接到我的Rails API电缆路由。我在connection.rb文件中的connect函数上放了一个byebug，但它从未命中byebug。这是我第一次使用web套接字

connection.rb

module ApplicationCable
  class Connection < ActionCable::Connection::Base
    identified_by :current_user

    def connect
      byebug
      self.current_user = find_verified_user
    end

模块应用程序表
类连接

App.js

import ActionCableProvider from 'react-actioncable-provider'

class App extends Component {
  render() {

    return (
      <ActionCableProvider url="ws://localhost:3001/cable">
      <div className="App">
        <Test />
      </div>
      </ActionCableProvider>
    );
  }
}

从“react actioncable provider”导入ActionCableProvider
类应用程序扩展组件{
render（）{
返回(
);
}
}

我希望我的代码在加载我的应用程序时会出现问题。相反，我没有任何错误，rails服务器运行时没有点击byebug

---

编辑：所以在查看网络选项卡和我的服务器日志后，似乎从未建立连接。我仍然不知道为什么ActionCableProvider从未尝试连接到我的rails api。

检查浏览器

网络
选项卡和服务器日志中的请求。上面写了什么？在
routes.rb中也有这一行吗<代码>mount ActionCable.server=>'/cable'
我在routes.rb中确实有这一行。“我的网络”选项卡有一个状态代码为101的websocket请求。响应标头具有连接：Upgrade和Upgrade:websocket