Nuxt Laravel Echo

用于 Laravel Echo 集成的 Nuxt 模块，以获得与应用程序广播的无缝体验。

特性

基于 Sanctum 的身份验证
私有和 Presence 通道的 CSRF Cookie 管理
仅 CSR 模式
TypeScript 支持

注意： 在使用此模块之前，请确保您已运行并正确配置了 Laravel Echo 服务器。

快速设置

使用一个命令将模块安装到您的 Nuxt 应用程序中

npx nuxi module add nuxt-laravel-echo

然后在您的 nuxt.config.js 中提供配置

export default defineNuxtConfig({
  modules: ['nuxt-laravel-echo'],

  echo: {
    key: 'REPLACE_ME', // Your Laravel Echo app key
    authentication: {
      baseUrl: 'laravel.test', // Your Laravel app URL
    },
  },
})

此外，为了启用开发服务器与 Pusher 的兼容性，您需要在您的 nuxt.config.js 中添加以下 Vite 配置

export default defineNuxtConfig({
  vite: {
    optimizeDeps: {
      include: ['pusher-js'],
    },
  },
})

就是这样！您现在可以在您的 Nuxt 应用程序中使用 Nuxt Laravel Echo 了 ✨

贡献

如果您想为此项目做出贡献并使其变得更好，非常欢迎您的帮助。查看贡献指南以获取更多信息。