在 VueJS 中安装和配置 laravel-echo 和 pusher-js

Question

我在一个带有 Laravel 和 VueJS 的项目中使用 laravel-echo 和 pusher-js 并且它有效。但是现在我需要在没有laravel（纯VueJS项目）的VueJS项目中进行广播。
我不知道如何在纯项目 VueJS 中安装和配置 laravel-echo 和 laravel-pusher。
我尝试这样做，但不起作用：

import Echo from "laravel-echo";

window.Pusher = require("pusher-js");

window.Echo = new Echo({
  broadcaster: "pusher",
  key: "myappkey",
  cluster: "mt1",
  host: window.location.hostname + ":6001",
});

Vue.use(Echo);

2个包在我的package.json:

"laravel-echo": "^1.11.2",
"pusher-js": "^7.0.3",

Answer 1

Pusher不仅仅是一个Laravel插件，你应该可以直接使用pusher-js库，按照quick start即可起床运行。

您将需要触发事件，并且可以使用 Pusher site 中详述的众多服务器库之一来触发事件。

在 VueJS 中安装和配置 laravel-echo 和 pusher-js

Install and Configure laravel-echo and pusher-js in VueJS

vue.js

laravel-echo

pusher-js