Nuxt Laravel Echo
用于 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 ✨
贡献
如果您想为这个项目做出贡献并使其变得更好,您的帮助将非常受欢迎。查看 贡献指南 以获取更多信息。