Nuxt Laravel Echo

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

特性

基于 Sanctum 的身份验证
私有和存在通道的 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 了✨

贡献

如果您想为这个项目做出贡献并使其变得更好，非常欢迎您的帮助。请查看贡献指南了解更多信息。