当我使用 ngrok 加载我的 Laravel 应用程序时，它只显示基本 html 而没有 css

Question

我和我的组员正在使用的网站只能在我的笔记本电脑上本地访问。我希望他们能够从自己的家中打开网站，以便我的以前端为中心的成员可以立即编辑和查看网站中的更改。我也希望我的其他组成员能够测试该网站。

我试过所有方法让我们的 laravel 应用程序通过 ngrok 暂时公开可用，但它们只显示基本的 HTML。没有 CSS 和 javascript.

首先来自：https://vanrossum.dev/5-using-ngrok-with-laravel 其中涉及将此添加到应用程序的 AppServiceProvider.php:

public function boot(\Illuminate\Http\Request $request)
    {
        if (!empty( env('NGROK_URL') ) && $request->server->has('HTTP_X_ORIGINAL_HOST')) {
            $this->app['url']->forceRootUrl(env('NGROK_URL'));
        }

        // other code
}

，运行这个在 ngrok 上，

ngrok http -host-header=rewrite laravel-site.test:80

将收到的 url 作为 NGROK_URL: url 添加到 .env 文件中，然后在

之后清除所有应用程序缓存

结果：否 CSS 或 js

第二种方式涉及通过 ngrok 和运行 php artisan serve --port=9000 在我的 laravel 应用程序上公开端口 9000。 (https://www.youtube.com/watch?v=s8efVe5c1Xg) 同样的事情，没有 CSS 和 js.

我也试过这里提到的方法：NGrok and Laravel 但它只加载了 XAMPP 欢迎页面

我们的 CSS 和 js 与 CSS 和 js 文件混合使用 asset() 和 CDN 的使用。

我应该怎么做才能与我的群组成员共享网站？

Answer 1

我只需要按照这篇文章进行操作即可： https://www.jobsity.com/blog/how-run-ngrok-test-share-your-local-development

在 VSCode 中打开您的 gitbash 终端，并将您的项目添加到工作区中。（确保 gitbash 终端中指示的路径是您项目的路径）通过键入

php artisan serve

这将使用 127.0.0.1 而不是本地主机（默认）。

离开控制台和 artisan 服务器进程运行。这是侦听请求的网络服务器。

运行 ngrok，类型

ngrok http 8000

转发 link 将与此处的类似：（请注意，转发 link 对您来说会有所不同）

Tunnel Status                 online
Version                       1.7/1.6
Forwarding                    http://284abb77.ngrok.com -> 127.0.0.1:8000

复制 http link 并将其发送给您希望出于开发或测试原因访问该网站的任何人。（复制 https link 将导致只有 HTML 的页面没有 css/js）

当我使用 ngrok 加载我的 Laravel 应用程序时，它只显示基本 html 而没有 css

When I use ngrok to load my Laravel app , it only displays basic html and no css

laravel

laravel-8

ngrok