HTTP/HTTPS issues with table.js

Quick setup for our server setup:

We run the following on our VPS:
- php 8.2
- nginx
- mariaDB
- Laravel 10.32.1
- filament/filament 3.0-stable

We use cloudflare for our DNS which handles our SSL certificate

This is all working perfectly and everything works except our mail button, we've created a custom button for this:

Tables\Actions\Action::make('send-confirmation-email')
                    ->label('Send confirmation email')
                    ->icon('heroicon-o-inbox-arrow-down')
                    ->action(function(Booking $booking) {
                        \Log::info("Sending confirmation email to {$booking->email}");
                        \Mail::to($booking->email)->send(new TicketBooked($booking->toArray(), $booking->timeslot));
//                        Notify of success
                        Notification::make('email-sent')
                            ->title("Email sent to {$booking->email}")
                            ->success()
                            ->send();
                    }),

Tables\Actions\Action::make('send-confirmation-email')
                    ->label('Send confirmation email')
                    ->icon('heroicon-o-inbox-arrow-down')
                    ->action(function(Booking $booking) {
                        \Log::info("Sending confirmation email to {$booking->email}");
                        \Mail::to($booking->email)->send(new TicketBooked($booking->toArray(), $booking->timeslot));
//                        Notify of success
                        Notification::make('email-sent')
                            ->title("Email sent to {$booking->email}")
                            ->success()
                            ->send();
                    }),

It works flawlessly on localhost (using herd) but it appears it does not want to work on our prod server, where we get this error:

async-alpine.js?v=3.0.97.0:1 Mixed Content: The page at 'https://{{URL}}/speelgoedwerkplaats/bookings' was loaded over HTTPS, but requested an insecure script 'http://{{URL}}/js/filament/tables/components/table.js?v=3.0.97.0'. This request has been blocked; the content must be served over HTTPS.

async-alpine.js?v=3.0.97.0:1 Mixed Content: The page at 'https://{{URL}}/speelgoedwerkplaats/bookings' was loaded over HTTPS, but requested an insecure script 'http://{{URL}}/js/filament/tables/components/table.js?v=3.0.97.0'. This request has been blocked; the content must be served over HTTPS.

Our .env has the right url:

https://www.{{URL}}/

https://www.{{URL}}/

Does anyone know how to fix this, since our actions died on us like delete+mail

Filament•3y ago•

2 replies

Thijmen

HTTP/HTTPS issues with table.js

Tables\Actions\Action::make('send-confirmation-email')
                    ->label('Send confirmation email')
                    ->icon('heroicon-o-inbox-arrow-down')
                    ->action(function(Booking $booking) {
                        \Log::info("Sending confirmation email to {$booking->email}");
                        \Mail::to($booking->email)->send(new TicketBooked($booking->toArray(), $booking->timeslot));
//                        Notify of success
                        Notification::make('email-sent')
                            ->title("Email sent to {$booking->email}")
                            ->success()
                            ->send();
                    }),

Tables\Actions\Action::make('send-confirmation-email')
                    ->label('Send confirmation email')
                    ->icon('heroicon-o-inbox-arrow-down')
                    ->action(function(Booking $booking) {
                        \Log::info("Sending confirmation email to {$booking->email}");
                        \Mail::to($booking->email)->send(new TicketBooked($booking->toArray(), $booking->timeslot));
//                        Notify of success
                        Notification::make('email-sent')
                            ->title("Email sent to {$booking->email}")
                            ->success()
                            ->send();
                    }),

It works flawlessly on localhost (using herd) but it appears it does not want to work on our prod server, where we get this error:

async-alpine.js?v=3.0.97.0:1 Mixed Content: The page at 'https://{{URL}}/speelgoedwerkplaats/bookings' was loaded over HTTPS, but requested an insecure script 'http://{{URL}}/js/filament/tables/components/table.js?v=3.0.97.0'. This request has been blocked; the content must be served over HTTPS.

async-alpine.js?v=3.0.97.0:1 Mixed Content: The page at 'https://{{URL}}/speelgoedwerkplaats/bookings' was loaded over HTTPS, but requested an insecure script 'http://{{URL}}/js/filament/tables/components/table.js?v=3.0.97.0'. This request has been blocked; the content must be served over HTTPS.

Our .env has the right url:

https://www.{{URL}}/

https://www.{{URL}}/

Does anyone know how to fix this, since our actions died on us like delete+mail

HTTP/HTTPS issues with table.js

Similar Threads

HTTP/HTTPS issues with table.js

Similar Threads

Similar Threads

Similar Threads