Laravel и ngrok: домен URL-адреса неверен для маршрутов и активов

Несмотря на то, что вы переходите по URL-адресу ngrok, заголовок хоста в запросе по-прежнему устанавливается как имя вашего сайта. Laravel использует заголовок хоста для создания абсолютного URL-адреса для ссылок, ресурсов и т. д. ngrok включает URL-адрес ngrok в заголовок X-Original-Host, но Laravel ничего об этом не знает.

Есть два основных решения проблемы:

1. обновить запрос с правильными значениями сервера и заголовка, или
2. используйте метод forceRootUrl(), чтобы игнорировать значения сервера и заголовка.

Доверенные прокси-серверы и узел переадресации

Если вы используете TrustedProxies (по умолчанию в Laravel >= 5.5) и у вас настроено доверие ко всем прокси (protected $proxies = '*';), вы можете установить заголовок X-Forwarded-Host в заголовок X-Original-Host. Затем Laravel будет использовать значение в заголовке X-Forwarded-Host для построения всех абсолютных URL-адресов.

Вы можете сделать это на уровне веб-сервера. Например, если вы используете apache, вы можете добавить это в свой файл public/.htaccess:

# Handle ngrok X-Original-Host Header
RewriteCond %{HTTP:X-Original-Host} \.ngrok\.io$ [NC]
RewriteRule .* - [E=HTTP_X_FORWARDED_HOST:%{HTTP:X-Original-Host}]

Если вы предпочитаете обрабатывать это в своем приложении, а не на веб-сервере, вам нужно будет обновить запрос Laravel. Есть много мест, где вы можете сделать это, но одним из примеров может быть ваш метод AppServiceProvider::boot():

public function boot(\Illuminate\Http\Request $request)
{
    if ($request->server->has('HTTP_X_ORIGINAL_HOST')) {
        $request->server->set('HTTP_X_FORWARDED_HOST', $request->server->get('HTTP_X_ORIGINAL_HOST'));
        $request->headers->set('X_FORWARDED_HOST', $request->server->get('HTTP_X_ORIGINAL_HOST'));
    }
}

Не использовать доверенные прокси

Если вы не используете TrustedProxies, вы не можете использовать метод .htaccess. Однако вы по-прежнему можете обновлять значения сервера и заголовков в своем приложении. В этом случае вам нужно перезаписать заголовок Host:

public function boot(\Illuminate\Http\Request $request)
{
    if ($request->server->has('HTTP_X_ORIGINAL_HOST')) {
        $request->server->set('HTTP_HOST', $request->server->get('HTTP_X_ORIGINAL_HOST'));
        $request->headers->set('HOST', $request->server->get('HTTP_X_ORIGINAL_HOST'));
    }
}

Используя forceRootUrl()

Если вы не хотите изменять какие-либо заголовки или запрос Laravel, вы можете просто указать генератору URL-адресов, какой корневой URL-адрес использовать. Генератор URL имеет метод forceRootUrl(), который вы можете использовать, чтобы указать ему использовать конкретное значение вместо просмотра запроса. Опять же, в вашем методе AppServiceProvider::boot():

public function boot(\Illuminate\Http\Request $request)
{
    if ($request->server->has('HTTP_X_ORIGINAL_HOST')) {
        $this->app['url']->forceRootUrl($request->server->get('HTTP_X_FORWARDED_PROTO').'://'.$request->server->get('HTTP_X_ORIGINAL_HOST'));
    }
}

Вы можете принудительно использовать протокол с последним решением @patricus, используя это:

$this->app['url']->forceScheme('https');

Вот что я придумал для своей проблемы с тегом <base> ngrok:

<base href="{{request()->isSecure() ? 'https' : 'http'}}://{{ $_SERVER['HTTP_X_ORIGINAL_HOST'] ?? request()->getHttpHost() }}">

У меня есть аналогичная проблема, и я решил ее, как показано ниже.

В AppServiceProvider.php добавьте ниже проверку внутри boot()

if (!empty( env('NGROK_URL') ) && $request->server->has('HTTP_X_ORIGINAL_HOST')) {
            $this->app['url']->forceRootUrl(env('NGROK_URL'));
        }

Также в .env добавьте запись ниже

NGROK_URL=xxxx.ngrok.io

Полный документ решения (ссылка)

В ваших файлах app.config и .env попробуйте изменить его на:

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