Laravel (Echo，Sanctum，websockets) + Pusher + Nuxtjs SPA
Laravel (Echo，Sanctum，websockets) + Pusher + Nuxtjs SPA 是一种常用的云原生应用架构方案。它包含以下几个关键组件：
- Laravel: Laravel 是一种流行的PHP开发框架，它提供了丰富的功能和工具，用于快速构建高效的Web应用程序。Laravel具有优雅的语法和强大的功能，使开发人员能够轻松处理各种开发任务。
- Echo: Laravel Echo 是Laravel官方提供的一个用于实时通信的JavaScript库。它基于WebSocket技术，可以在客户端和服务器之间建立实时、双向的通信通道。通过Laravel Echo，开发人员可以轻松实现实时数据更新、即时通知等功能。
- Sanctum: Laravel Sanctum 是Laravel官方提供的一种轻量级API身份验证系统。它允许开发人员使用一些常见的身份验证机制（如令牌、Cookie等）来保护他们的API端点。Sanctum提供了简单易用的API认证解决方案，适用于SPA（单页面应用）等各种场景。
- WebSockets: WebSocket是一种现代的网络通信协议，它允许服务器和客户端之间进行实时、双向的通信。通过使用WebSocket，开发人员可以实现实时数据传输、即时通信等功能，为用户提供更好的交互体验。
- Pusher: Pusher是一种实时通信服务提供商，它提供了一套强大的API和工具，用于实现实时数据推送和即时通知功能。开发人员可以使用Pusher来轻松构建具有实时功能的应用程序，如聊天应用、即时通知、实时更新等。
- Nuxtjs SPA: Nuxt.js 是一个基于Vue.js的通用应用框架，它提供了一些强大的功能和工具，用于快速开发SPA（单页面应用）。Nuxt.js通过提供服务器端渲染和静态网站生成等功能，使得开发人员能够更好地构建高性能、SEO友好的应用程序。
这个应用架构方案的优势在于：
- 实时性：通过使用Laravel Echo、WebSockets和Pusher，可以实现实时数据更新和即时通知等功能，为用户提供更好的实时体验。
- 安全性：使用Laravel Sanctum进行身份验证，保护API端点的安全性，并确保只有经过授权的用户可以访问敏感数据。
- 前后端分离：通过将前端和后端分离，可以更好地实现团队协作，加快开发速度，并允许灵活的前后端技术选择。
这种架构方案适用于许多场景，特别是需要实时通信和即时更新的应用程序，如聊天应用、协作工具、实时监控等。
对于实现这种架构方案，腾讯云提供了一些相关产品和服务，推荐的产品和介绍链接如下：
- 腾讯云Serverless云函数：https://cloud.tencent.com/product/scf
- 腾讯云消息队列CMQ：https://cloud.tencent.com/product/cmq
- 腾讯云数据库MySQL：https://cloud.tencent.com/product/cdb
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
通过使用以上产品，可以实现快速部署、弹性伸缩、高性能的云原生应用架构。
相关·内容
我使用Laravel -v7.x和Vue CLI作为前端和后端的两个不同的文件夹。和使用Laravel Sanctum (SPA)身份验证。当一些事件发生在我的后台时，我想创建实时通知。并且我已经成功地配置了Websockets和公共广播，工作正常。但是当我尝试使用PrivateChannel时，后端WebSockets可以在我看到的WebSockets面板上运行事件，但无法在控制台上获得响应。你能帮帮我吗？下面我分享我的代码。 Vue CLI #main.js <script>
import Request from "./apis/Request"
impor
浏览 17提问于2021-06-24得票数 0
我使用的是独立于Laravel后端的NuxtJS。为了验证用户身份，我使用Laravel Passport。我试图通过使用@nuxtjs/laravel-echo和pusher-js为我的网站建立一个聊天功能。这是来自beyondcode/laravel-websockets包的自托管websocket，与php artisan websockets:serve一起运行。作为一个例子，我使用了这个repo https://github.com/qirolab/Laravel-WebSockets-Chat-Example。我使用的是Laravel-Passport和NuxtJS的唯一区别 这
浏览 34提问于2020-01-09得票数 3
我正在尝试将事件发送到私人频道，但我无法接收它们。否则，它在公共渠道上工作得很好。 下面是我的代码： 插件: Echo.js window.Echo = new Echo({
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_PUBLIC_KEY,
wsHost: process.env.VUE_APP_WEBSOCKETS_SERVER , //window.location.hostname,//
cluster: process.env.MIX_PUSHER_APP_CL
浏览 26提问于2021-01-23得票数 0
1回答
我正在与Laravel (back)和Vuejs (与Vuex)开发一个项目。我还使用Sanctum:auth对用户进行身份验证，使用laravel-websockets和Laravel-Echo进行广播。 之前，我在我的控制台上收到了一个身份验证问题，错误是："POST 'broadcast / auth‘404 not found“。 在看了一个教程后，我能够解决这个问题，该教程将Sanctum，Vue和Laravel Echo合并到同一个项目中。 然而，现在我测试了这项服务，我意识到我可以收听公共频道，但不能收听私人频道。 从我在websockets仪表板上看到的情况来
浏览 51提问于2020-11-26得票数 0
1回答
我在用
2.15.7pusher-js: 7.0.4laravel-echo：Laravel: 8.54Laravel Sanctum: 2.11Pusher Php Server: 7.0NuxtJs：1.11.3<code>F 213</code>
事件类
<?php
namespace App\Events;
use Illuminate\Broadcasting\Channel;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Broadcasting\Prese
浏览 27提问于2022-02-04得票数 0
回答已采纳
4回答
我有一个子域和幼虫圣殿的问题。在子域上，我是未经授权的。它在本地运行得很好。
我已经将域名添加到sanctum /.env。我还按照laravel文档设置了cors/config，关于子域，没有运气。网站上有一个Htpasswd，会不会是它导致了这个问题？我没办法了：)。
有人在使用htpasswd时遇到过这种情况吗？如果您需要一些代码，请随时询问。
编辑*
cors配置
return [
/*
|--------------------------------------------------------------------------
| Cross-Ori
浏览 3提问于2020-06-09得票数 2
2回答
我已经将Laravel 8.x项目设置为具有JWT身份验证的API。我使用的是Laravel Websockets包，我还安装了Laravel Echo package for Nuxt JS以及Pusher JS和Socket.io 我已经启动了我的web套接字服务器，并且它在127.0.0.1上的端口6001上运行，但是当我加载我的Nuxt JS前端时，我看不到任何事件通过吗？ 我的事件名为AgentStats，看起来像... <?php
namespace App\Events;
use App\Models\ProfilerAgent;
use Illuminate\Br
浏览 61提问于2021-02-02得票数 1
我在Laravel中有一个带有Sanctum的后端API，在NuxtJS中有一个单独的存储库SPA。
我正试着用桑克顿来验证我的SPA。我正试图在浏览器中获得CSRF cookie，如Sanctum文档所示。
问题是，当我调用Sanctum提供的CSRF令牌端点时，我得到了正确的响应，但是没有设置cookie。就这样，没有错误。不管我是要使用nuxt还是普通的旧axios调用。
这就是我所拥有的：
域: API - publisher.local:8080；前端- publisher.local:3000
NUXT AUTH配置
auth: {
strategies: {
浏览 5提问于2022-07-06得票数 1
回答已采纳
我的仪表板上没有收到api消息有什么问题吗?我的回声正在听。
.env
BROADCAST_DRIVER=pusher
QUEUE_CONNECTION=sync
PUSHER_APP_ID=123
PUSHER_APP_KEY=p123
PUSHER_APP_SECRET=s123
PUSHER_HOST='127.0.0.1'
PUSHER_PORT=443
PUSHER_SCHEME=https
PUSHER_APP_CLUSTER=mt1
VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
VITE_PUSHER_HOST
浏览 13提问于2022-11-02得票数 0
回答已采纳
通用方案和项目配置文件
该项目由两部分组成：
Server部件- Laravel (api)Customer part - NuxtJs (client)
已为测试准备了最低限度的项目配置：
Laravel
已安装了Websockets软件包：
beyondcode/laravel-websockets：pusher/pusher-php-server：
文件composer.json
...
"require": {
"php": "^7.3",
"beyondcode/laravel-webso
浏览 2提问于2020-10-22得票数 2
回答已采纳
1回答
不使用Https的Laravel在没有ssl配置的情况下工作得很好，尝试了文档链接中的所有东西，但是都没有工作。
这里是我的websockets配置
brodcasting.php
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'app_id'
浏览 6提问于2022-03-11得票数 0
回答已采纳
我花了很多时间来解决我的这个问题，多次阅读文档，在谷歌上搜索:所以，Laracast，Larachat等等，但是还是无法让Laravel订阅presence频道，而且它在控制台选项卡中没有显示任何错误。
公共和专用频道运作良好，用户可以订阅，用户可以收听/触发事件(Note)：在创建这篇文章之前，我有与我当前问题相关的搜索问题，没有人回答
有些问题类似于我的问题：
etc..
规格：
7.30.1laravel-Echo：1.10.0 (最新；atm)pusher/pusher-php-server：4.0pusher-js：7.0.3 )(最新；atm)
在resource/js/boo
浏览 9提问于2021-03-09得票数 1
我创建了一个套接字应用程序，它在本地运行良好，但是当我想测试它是否在AWS中工作时，它会给我这个错误。
Illuminate\Broadcasting\BroadcastException推送错误：{“错误”：“未知应用程序id 12345 提供”}.
我不知道在AWS上设置是不同的还是缓存问题
这是我的坐姿
brodcasting.php
'connections' => [
'pusher' => [
'driver' => 'pusher',
'key
浏览 6提问于2021-12-23得票数 0
我想在NuxtJs页面中检查来自$echo的Pusherjs的连接状态。 当我使用： mounted(){
this.connection = this.$echo.connector.pusher.connection.state;
} 它可以工作，但它只设置初始连接状态，即connecting，它是静态的。 但是当我使用的时候： computed:{
connection: this.$echo.connector.pusher.connection.state
} 它返回错误： TypeError
Cannot read property '$echo' o
浏览 35提问于2020-08-26得票数 0
回答已采纳
我正在尝试使用在本地主机上设置laravel websockets
我得到了这个错误
我已经在运行php artisan websockets:serve的本地主机上安装了软件包并启动了服务
我的Bootstrap.js是：
import Echo from "laravel-echo"
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_APP_
浏览 5提问于2021-01-22得票数 0
我用NUXT框架实现了一个身份验证系统，并使用laravel 9 Sanctum作为后端。
在登录时，它可以很好地更新存储，一切都很好，但是在注册用户时，它会给出一个“状态代码419的请求失败”消息："CSRF令牌不匹配“。错误：
这是我的api.php文件
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\AuthController;
use App\Http\Controllers\TopicController;
/*
|------------
浏览 10提问于2022-03-04得票数 1
我正在尝试构建一个聊天应用程序，并为此使用。当我在本地使用它时，它工作得很好，但是在服务器上不能使它运行。
我的配置如下
我的回声设置(Js/Bootstrap.js)
window.Echo = new Echo({
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_APP_KEY,
cluster: process.env.MIX_PUSHER_APP_CLUSTER,
encrypted: false,
wsHost: window.location.hostname,
w
浏览 3提问于2020-09-11得票数 5
我有服务器，我从像https://laravel-apps.test/app1这样的子目录中为Laravel应用程序提供服务。它抛出这个错误WebSocket connection to 'wss://laravel-apps.test:6001/app/Kfjaina1m7?protocol=7&client=js&version=7.0.3&flash=false' failed:。 如果我像https://laravel-app1.test那样直接为应用程序提供服务，它就会起作用。我确定我错过了什么，但我不知道是什么？也许上面的URL在进行连接时
浏览 33提问于2021-08-12得票数 0
我已经找到了Laravel WebSockets包，并在本地主机上对其进行了测试，它工作得很好。但是，在部署之后，我遇到了以下问题。
根据这些值在.env文件中是否未注释，我不能通过Laravel echo连接到WebSocket URL，但可以通过tinker连接。如果我注释掉这些，我不能通过tinker连接，但可以通过echo连接。
'ssl' => [
/*
* Path to local certificate file on the filesystem. It must be a PEM encoded file which
* c
浏览 4提问于2021-07-15得票数 0
我使用这个来拥有我自己的websocket服务器。
正如在中提到的，我有这样的配置：
.env 设置：
PUSHER_APP_ID=761772
PUSHER_APP_KEY=qwerty
PUSHER_APP_SECRET=secret
PUSHER_APP_CLUSTER=ap2
broadcasting.php:
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
浏览 2提问于2019-04-16得票数 11
我使用了带有echo和pusher js的。这是我的代码：
bootstrap.js：
import Echo from 'laravel-echo'
window.Pusher = require('pusher-js');
window.Pusher.Runtime.createXHR = function () {
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
return xhr;
};
window.Echo = new Echo({
broa
浏览 0提问于2019-09-25得票数 3
我想知道我的用户何时会出现连接错误或连接中断。我读了很多书，说这是可能的，但我没有得到任何地方，我开始认为这可能是一个问题与第三方，如，我正在使用，有人对此有任何问题吗？
以下内容根本不产生任何日志。
window.Echo.connector.pusher.bind('reconnect', (channel, data) => {
console.log('RE-CONNECTED');
});
window.Echo.connector.pusher.bind('reconnecting', (channel, data)
浏览 3提问于2020-06-02得票数 3
回答已采纳
1回答
我用laravel-echo听我的WebSocket频道。
我把这个添加到我的app.js中
import Echo from 'laravel-echo'
/*..........*/
window.Pusher = require('pusher-js')
window.Echo = new Echo({
broadcaster: 'pusher',
key: 'appKey',
wsHost: window.location.hostname,
wsPort: 6001,
forceTLS: fal
浏览 1提问于2020-09-02得票数 0
回答已采纳
我的套接字服务器由应用程序制作，通过普通的ws，我可以在网页和外部node.js脚本中使用laravel连接，一切都很好。问题在于ssl。该站点正在与apache合作，并且在laravel-websockets文档中缺少这种ssl集成，但通过为apache制作反向代理找到了一些解决方案。反向代理仍然适用于正常连接，但不适用于外部node.js脚本--保持控制台对unavailable进行标记。
我的配置有问题，或者也需要做其他的事情。
反向代理的虚拟主机子域conf
<IfModule mod_ssl.c>
<VirtualHost *:443>
ServerA
浏览 0提问于2020-10-21得票数 1
软件：
Laravel 5.8
Vue 2.6.10
在websockets.php ()中，我用证书设置了local_cert和local_pk。如果将此选项保留为空白，则甚至无法连接。我还将verify_peer设置为false，因为如果没有，也无法连接。
broadcasting.php:
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
浏览 6提问于2019-11-12得票数 3
回答已采纳
我想在一个带有apache2反向代理的Azure虚拟机上实现Laravel-WebSocket + pusher reverse (https://github.com/beyondcode/laravel-websockets)和Laravel-echo。然而，无论我怎么尝试，他们就是不能连接。当客户端监听器尝试连接时，总是在错误404、502和500之间。 此VM仅允许通过80和443进入。因此，我做了反向代理，它将“/ WebSocket”重定向到运行WebSocket的http://127.0.0.1:6001。TCP)服务器在https下。我已尝试修改服务器.conf文件，但无济于
浏览 45提问于2019-06-13得票数 1
回答已采纳
我正试着用Laravel Sanctum来做我的SPA。web.php路由中有一些基本主页，但axios应用编程接口与SPA的其他交互位于由auth:sanctum保护的api.php路由中
在官方文档()中，它说我们必须在登录之前向/sanctum/csrf-cookie发送一个请求来初始化CSRF保护。然而，我注意到，即使没有登录，Laravel在默认情况下也已经在我的浏览器中初始化了XSRF-TOKEN和<app_name>_session cookie。我不需要通过/sanctum/csrf-cookie初始化它，我在登录的SPA中的后续API请求仍然有效。后来我检查了，它
浏览 21提问于2020-05-24得票数 0
1回答
我仍然在构建auth方法来与SPA一起工作，我已经安装了laravel sanctum并遵循了正确的步骤，并在欢迎刀片上创建了一个演示表单，只是为了测试一下，我正在正确地接收xsrf-cookie，使用sanctum/csrf-cookie，但是登录返回419页面过期。我已尝试清除缓存、路由、配置
本地主机上的服务:8000
.env
SANCTUM_STATEFUL_DOMAINS=localhost:8000
SESSION_DOMAIN=localhost
cors
'paths' => ['api/*','login',&#
浏览 3提问于2021-01-18得票数 2
项目的结构：
两个文件夹，即api和client，其中api用于laravel安装，客户端引用nuxt项目。
Laravel (v-8.00)设置：
这是会话变量的.env文件中的内容。
SESSION_DRIVER=cookie
SESSION_LIFETIME=120
SESSION_DOMAIN=127.0.0.1
SANCTUM_STATEFUL_DOMAINS=127.0.0.1:3000
cors.php包含以下内容
'paths' => [
'api/*',
'login',
'logout&#
浏览 7提问于2020-10-11得票数 8
我有一个令牌错配419错误，而Laravel托管在服务器上，Nuxt在PC上的本地主机上。我已经上传了我的Laravel项目，以便在上获得API。
我正在尝试从localhost登录到我的个人电脑从Nuxt。在单击登录按钮时，我会得到以下错误。
{消息："CSRF令牌不匹配“，异常："Symfony\Component\HttpKernel\Exception\HttpException"，…}
登录方法
login() {
this.$auth.loginWith('laravelSanctum', {
data: t
浏览 11提问于2021-05-31得票数 3
回答已采纳
7回答
我正在使用带有Vuejs SPA的Laravel Sanctum。两者都位于相同的顶级域中
Laravel backend : app.demo.localhost
Vue SPA : app-spa.demo.localhost
当使用axios和XSRF-TOKEN从api调用时，登录和注销(端点)工作正常，但当我调用其他VueJS端点时，它给出401未授权。
在axios中，这是设置的
axios.defaults.withCredentials = true;
我有以下配置
在Laravel .env中
SESSION_DRIVER=cookie
SESSION_DOMAIN=.dem
浏览 2提问于2020-04-25得票数 12
我正在开发一个laravel应用程序，在这个应用程序中，使用提取实时数据，我已经看到有人在生产方面有问题，但这是在开发方面。我使用主机入口访问web应用程序。
完成所有初始步骤(下载laravel-WebSocket包、pusher-js、php-pusher server)
并执行了php artisan websockets:serve。刷新浏览器时，控制台app.js:40145 WebSocket connection to 'wss://erweb.in.linuxense.com:6001/app/erkey?protocol=7&client=js&ver
浏览 4提问于2020-07-01得票数 2
回答已采纳
1回答
尝试Laravel 8 (SPA与Sanctum和VueJS)，奇怪的是，我无法让我的Vue SPA成功发出csrf-cookie请求，如文档(Laravel - SPA Authentication)所示。我已经将我的Vue SPA设置为使用基本url作为/api，并且我已经在我的config/sanctum.php中添加了'prefix' => 'api'。但是请求返回404响应。如果我从Vue配置中删除我的基本url /api并发送csrf-cookie请求，我将得到一个成功(200)响应。我是不是漏掉了什么？
浏览 72提问于2020-09-22得票数 1
回答已采纳
1回答
EC2 -连接失败
、、、
我使用的是，在我的本地对接机上工作就像一种魅力，但是当我将它部署到AWS EC2机器上时，我似乎无法让它工作。
这是我得到的错误消息：
pusher.min.js:8 WebSocket connection to
'wss://sample.project:6001/app/b0901feacd04936e?protocol=7&client=js&version=4.3.1&flash=false' failed:
这些是我的配置文件：
broadcasting.php
'pusher' => [
浏览 9提问于2022-05-05得票数 0
1回答
我试图使用这个包：websockets在颤振应用程序中添加。
我在我的应用程序中有通知和消息，所以如果我只为这两个中的两个创建websocket，它就能正常工作。但是，如果我添加第二个websocket，它们都会停止工作。
代码片段：
pusher_socket.dart
class PusherSocket {
Echo socket({ String authToken }){
PusherAuth _auth = PusherAuth(
'https://api.example.com/broadcasting/auth'
浏览 7提问于2021-01-19得票数 1
回答已采纳
我正在尝试将laravel-websockets部署到谷歌应用程序引擎服务中，而不是管理ssl证书。应用程序引擎“谷歌前端”将只转发端口80和443到在端口8080监听的自定义用户nginx.conf文件。因此，部署后没有错误，google stackdriver日志显示websocket服务正在接受连接，但前端服务没有显示任何内容，没有错误，也没有成功。那么我错过了什么？ 此服务的当前nginx.conf为： daemon off;
user root;
worker_processes auto;
error_log /dev/stderr info;
events {
浏览 26提问于2019-04-23得票数 1
回答已采纳
1回答
我正在用 Laravel 和 Nuxt (前端和后端分离)构建一个实时聊天应用程序，使用 Pusher 和Laravel-Echo，我已经用pusher配置了Laravel，它可以很好地工作，并且可以在Pusher调试控制台中看到我的请求，我还想提到两件事:我使用Laravel-JWT<code>E 29</code>和<code>E 110</code>Nuxt-Auth<code>E 211</code>进行身份验证；第二，它在公共通道上工作，但是自从我将它转换为<code>E 112</code&
浏览 10提问于2021-11-13得票数 1
在开始之前，我想说的是，我搜索并尝试了许多方法，但似乎没有一种方法能正常工作。我还创建了一个新的Laravel安装，但仍然没有成功。
问题是CORS，我总是被CORS阻塞。
安装程序使用Laravel Valet.The Laravel应用程序运行在https://sanctum.testThe NuxtJs应用程序在https://nuxt.sanctum.test运行
这是个全新的装置。
我的.env文件具有所需的设置：
SESSION_DOMAIN=.sanctum.test
SANCTUM_STATEFUL_DOMAINS=sanctum.test,nuxt.sanctum.tes
浏览 9提问于2020-09-12得票数 2
回答已采纳
2回答
具有独立服务器的Laravel
、、、、
我试图用多台服务器实现Laravel。
我有一个App服务器和一个队列工作服务器正在运行。我试图从队列工作服务器广播我的通知，但是
光照\广播\广播异常:推送错误：。在/home/forge/my-app/vendor/laravel/framework/src/Illuminate/Broadcasting/Broadcasters/PusherBroadcaster.php:128中
在App中，在Network中，我可以确认它连接到websocket。我使用了并安装了反向代理。如果我在App中广播，它就能工作
server {
listen 6002 ssl http2;
浏览 9提问于2021-12-02得票数 0
1回答
我试着和NuxtJS一起使用Laravel圣殿。问题是我能够传递get csrf并登录，但是当我试图访问api/user时，我会得到“未经授权”的消息。他们说我应该把SESSION_DRIVER设置为cookie，但它仍然是一样的。我使用xampp，所以我在localhost:8000上运行laravel，在localhost:3000.上运行nuxtjs提前谢谢。
Laravel
.env
SESSION_DRIVER=cookie
SESSION_LIFETIME=120
SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=loc
浏览 1提问于2020-06-20得票数 3
我正在构建一个spa，使用laravel 5.4作为后端，vue js作为前端。我已经设置了laravel广播事件，它与localhost:8000/event一起工作得很好。“事件”是我设置广播的路线……
现在的问题是当我把它和我的vuejs前端连接起来的时候
import Echo from "laravel-echo"
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: '******
浏览 0提问于2017-09-23得票数 0
我正在使用Laravel Sanctum进行身份验证。我没有任何SPA应用程序，我想让Laravel Sanctum进行默认身份验证。我已经按照文档操作了，但我得到了419错误代码。
浏览 0提问于2020-07-22得票数 0
我遵循了从beyondcode/laravel-websockets安装的步骤。
但是当我尝试访问时，它是404没有找到。
在我的composer.json：
"require": {
"php": "^7.3|^8.0",
"beyondcode/laravel-websockets": "^1.12",
"fruitcake/laravel-cors": "^2.0",
"guzzlehttp/guzzle&
浏览 5提问于2022-02-07得票数 0
2回答
我使用laravel-echo在Nuxtjs中使用pusherjs。
pusherjs配置的nuxt.config.js部分：
buildModules: [
[
'@nuxtjs/laravel-echo', {
broadcaster: 'pusher',
key: 'my-key-here',
cluster: 'eu',
forceTLS: true
}
]
],
package.json
"vue"
浏览 5提问于2020-08-25得票数 2
回答已采纳
我是第一次接触laravel和websockets。我已经让我的websockets在laravel-websockets仪表板上工作了，现在我正试图用这个javascript命令触发一个websocket事件：
axios.post('updatequeue', {queue_position: newPos});
newPos是一个数字。
这是我的控制器方法：
public function updateQueue(Request $request){
$queueposition = $request->input('queue_positi
浏览 47提问于2020-05-08得票数 2
回答已采纳
因此，我一直在尝试让我的SPA应用程序在Laravel API上进行身份验证。
SPA在admin.app.test上处于活动状态，我有另一个在app.test上不需要授权的SPA。laravel应用程序在app.test/api上处于活动状态。现在您已经了解了基础架构，让我们来看看laravel文件。
Kernel.php：
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illumin
浏览 0提问于2021-11-11得票数 0
我安装了：
laravel v 7.30.4
nuxtjs v 2.15.7
在我用nuxtjs auth模块登录我的laravel密室后，当nuxt试图获得用户时，laravel响应401错误(未经身份验证的消息)。
我的网络状态：
我的饼干状态：
api.php
Route::group(['middleware'=>'auth:sanctum'], function (){
Route::get('/user', function (Request $request){
浏览 5提问于2021-07-06得票数 4
本地的websockets运行起来很有魅力，但是在生产过程中，我总是看到标题中的错误。
一些背景信息，我正在使用的websocket包:beyondcode/laravel。我正在与主管一起运行'php artisan websockets:serve port=6004‘。我还确保了6004端口是开放的。
在生产过程中，我尝试了使用SSL和不使用SSL的设置，两者都给出了标题中的错误。
使用SSL的设置：
我的回波设置：
window.Echo = new Echo({
broadcaster: 'pusher',
key: process.env.M
浏览 12提问于2019-10-05得票数 8
我正在运行laravel 7&尝试使用ssl使用nginx代理运行。不幸的是，在我配置好我所面对的一切之后
WebSocket connection to 'wss://www.rabter.com:6001/app/174e625ceea907e9e63c?protocol=7&client=js&version=4.3.1&flash=false' failed: Error during WebSocket handshake: Unexpected response code: 502
在实现ssl之前，一切都正常。
/config/we
浏览 3提问于2020-06-14得票数 3
回答已采纳
我正在使用刀片(不使用vue组件)，但我仍然使用vue.js来声明它
，这是我的botstrap.js
import Echo from "laravel-echo";
window.Pusher = require("pusher-js");
window.Echo = new Echo({
broadcaster: "pusher",
key: process.env.MIX_PUSHER_APP_KEY
});
，这是我的app.js
require("./bootstrap");
window.Vue =
浏览 2提问于2019-11-15得票数 0
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
