Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

nuxt-laravel-echo
nuxt-laravel-echo

用于 Laravel Echo 集成的 Nuxt 模块

Nuxt Laravel Echo

npm versionnpm downloadsLicenseNuxt

用于 Laravel Echo 集成的 Nuxt 模块,可以实现应用程序广播的无缝体验。

功能

  • 基于 Sanctum 的身份验证
  • 用于私有和存在通道的 CSRF cookie 管理
  • 仅客户端模式
  • 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
    },
  },
})

此外,要启用 Dev 服务器与 Pusher 的兼容性,您需要将以下 Vite 配置添加到您的 nuxt.config.js

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

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

贡献

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