Fix chat message and photo sending

- Remove broken transformRequest that crashed with Axios 1.x (headers.post undefined)
- Guard window.Echo.socketId() to avoid TypeError before socket connects
- Wrap broadcast() in try/catch so Reverb downtime does not cause 500 errors

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-11 02:02:31 -06:00
parent f54acb8675
commit 0df6c38784
2 changed files with 11 additions and 9 deletions
+4
View File
@@ -99,7 +99,11 @@ class ChatController extends Controller
$message->load('sender'); $message->load('sender');
try {
broadcast(new MessageSent($message))->toOthers(); broadcast(new MessageSent($message))->toOthers();
} catch (\Exception $e) {
\Log::warning('Chat broadcast failed: ' . $e->getMessage());
}
$message->created_at = $message->created_at->format('H:i'); $message->created_at = $message->created_at->format('H:i');
+6 -8
View File
@@ -156,14 +156,12 @@ if (chatForm) {
} }
const data = new FormData(form); const data = new FormData(form);
axios.post('{{ route("chat.send") }}', data, { const socketId = (window.Echo && window.Echo.socketId) ? window.Echo.socketId() : null;
headers: { 'X-Socket-ID': window.Echo.socketId() }, const reqHeaders = {};
transformRequest: [(formData, headers) => { if (socketId) reqHeaders['X-Socket-ID'] = socketId;
delete headers.post['Content-Type'];
delete headers['Content-Type']; axios.post('{{ route("chat.send") }}', data, { headers: reqHeaders })
return formData; .then(response => {
}]
}).then(response => {
appendMessage(response.data, true); appendMessage(response.data, true);
scrollBottom(); scrollBottom();
form.reset(); form.reset();