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

【问题标题】：Install and Configure laravel-echo and pusher-js in VueJS在 VueJS 中安装和配置 laravel-echo 和 pusher-js
【发布时间】：2021-11-17 23:17:53
【问题描述】：

我在 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);

这两个包在我的 package.json 中：

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

【问题讨论】：

标签： vue.js laravel-echo pusher-js

【解决方案1】：

Pusher 不仅仅是 Laravel 插件，你应该可以直接使用 pusher-js 库，关注quick start 就可以上手运行了。

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

【讨论】：