NUXT(SSR模式)连接熔岩推进器插座

Question

我想将Laravel Pucher套接字连接到NUTX.js(SSR模式(应用程序
以上代码添加到socketsocketio.js插件文件中。此代码不起作用。任何人都告诉我怎么了。如何在NUXT SSR模式下连接套接字。

import Echo from "laravel-echo";
import config from "../config/config.global";

export default async ({ store, $axios }) => {
const port = 6001;
window.io = require("socket.io-client");
window.Pusher = require("pusher-js");

console.log(typeof io, "socketIO");
if (typeof io !== "undefined") {
// connect to web socket
try {
window.Echo = new Echo({
broadcaster: "pusher",
key: config.secretKey, 
wsHost: config.socketUrl,
wsPort: port,
disableStats: true,
auth: {
headers: config.header
}
});
console.log("connect to socket");
} catch (error) {
console.log(error.message);
}
}
function listenStock({ channelName, eventName }, callback) {
console.log("callback",callback);
window.Echo.channel(channelName).listen(eventName, callback);
}
// Get user Balance Socket
listenStock(
{
channelName: `BalanceUpdateEvent.${store.getters.GetUserUUID}`,
eventName: "BalanceUpdateEvent"
},
({ data }) => {
try {      
console.log(data,"Data");
} catch (ex) {
console.log(ex);
}
}
);

};

Answer 1

在Nuxt中有两种模式SPA和SSR。

1. SPA仅在客户端运行
2. SSR运行客户端和服务器端

所以我创建了关于laravel echo-socket-pusher服务连接到NUXT模式的存储库。

NUXT(SSR模式(：https://github.com/mankarsandesh/nuxt-socket-laravel-echo-SSR

NUXT(SPA模式(https://github.com/mankarsandesh/nuxt-socket-laravel-echo-SPA