Question 298171 in Laravel Question posted in
The official Laravel Documentation can be found here.

Laravel – 404 error when use livewire route under localization prefix

404 error when use livewire route under localization prefix !

when i write the route of livewire
Route::view('/counter','dashboard.counterPage'); under the loczlization prefix and middleware i get an 404 error
and, when i write it above the them the code run correctly

there are the code in routesweb.php


<?php

use AppHttpControllersProfileController;
use IlluminateSupportFacadesRoute;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider and all of them will
| be assigned to the "web" middleware group. Make something great!
|
*/
require __DIR__.'/auth.php';
Route::view('/counter','dashboard.counterPage');  #### the route the run correctly ####


Route::get('/', function () {
    return view('welcome');
});

// Route::get('/dashboard', function () {
//     return view('dashboard');
// })->middleware(['auth', 'verified'])->name('dashboard');

Route::middleware('auth')->group(function () {
    Route::get('/profile', [ProfileController::class, 'edit'])->name('profile.edit');
    Route::patch('/profile', [ProfileController::class, 'update'])->name('profile.update');
    Route::delete('/profile', [ProfileController::class, 'destroy'])->name('profile.destroy');
});



Route::group(
    [
        'prefix' => LaravelLocalization::setLocale(), 
        'middleware' => [ 'localeSessionRedirect', 'localizationRedirect', 'localeViewPath', 'auth' ]
    ], function(){ 
        Route::group(['prefix'=>'/dashboard'], function () {

            Route::view('/counter','dashboard.counterPage');  #### the route that get an error ####

there are the code in HttpLivewireCounter.php


<?php

namespace AppLivewire;

use LivewireComponent;

class Counter extends Component
{
    public $count = 0;
 
    public function increment()
    {
        $this->count++;
    }
 
    public function render()
    {
        return view('livewire.counter');
    }
}

there are the code in viewlivewirecounter.blade.php


    <div style="text-align: center">
        <button wire:click="increment">+</button>
        <h1>{{ $count }}</h1>
    </div>

there are the code in viewdashboardcounterPage.blade.php


<!DOCTYPE html>
<head>
    ...
    @livewireStyles
</head>
<body>
    <livewire:counter /> 

    ..


    @livewireScripts
</body>
</html>

and when i tried to edit the file configlivewire.php and add
'asset_url' => env('APP_URL', 'http://localhost'),

i get an error in both situations.

this how the error look like when the route is under the middleware and prefix of localization
this how the error look like

so what the problem exactly and what i can do with it

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    In Livewire version 3 there is a solution for this problem . the solution is using the Configuring Livewire's update endpoint

    Livewire::setUpdateRoute(function ($handle) {
    return Route::post('/custom/livewire/update', $handle);
});

    under the prefix and the middleware of localization. so the route will be like this:

    Route::group(
    [
        'prefix' => LaravelLocalization::setLocale(), 
        'middleware' => [ 'localeSessionRedirect', 'localizationRedirect', 'localeViewPath', 'auth' ]
    ], function(){ 

        Livewire::setUpdateRoute(function ($handle) {
            return Route::post('/custom/livewire/update', $handle);
        });

        Route::group(['prefix'=>'/dashboard'], function () {

            Route::view('/counter','dashboard.counterPage');

        });
    });

    and you can learn more about it https://livewire.laravel.com/docs/installation#configuring-livewires-update-endpoint


  2. 0

    The LaravelLocalization::setLocale() method sets the locale for the current request, and it might affect the URL structure. In your case, the Livewire route might be conflicting with the localized URL structure.

    Define Livewire Route After Localization Middleware:

     Route::group(['prefix' => LaravelLocalization::setLocale(), 'middleware' => ['localeSessionRedirect', 'localizationRedirect', 'localeViewPath', 'auth']], function () {
     Route::group(['prefix' => '/dashboard'], function () {
         Route::view('/counter', 'dashboard.counterPage');
     });
 });

    This ensures that the Livewire route is properly localized.

    Check Route URL:

    Ensure that the URL you are accessing for the Livewire counter is correct after applying the localization prefix. For example, if your locale is set to ‘en’, the URL should be something like /en/dashboard/counter.

    Livewire Configuration:

    Make sure that your Livewire configuration is correct. In your config/livewire.php file, the default settings should work for most cases. You might not need to modify the asset_url. Remove the modification and see if it resolves the issue.

     'asset_url' => env('APP_URL', 'http://localhost'),

    After making these adjustments, clear your route cache and try accessing the Livewire route again. Run the following command:

    php artisan route:cache
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search