当我使用 ngrok 加载我的 Laravel 应用程序时,它只显示基本 html 而没有 css
When I use ngrok to load my Laravel app , it only displays basic html and no css
我和我的组员正在使用的网站只能在我的笔记本电脑上本地访问。我希望他们能够从自己的家中打开网站,以便我的以前端为中心的成员可以立即编辑和查看网站中的更改。我也希望我的其他组成员能够测试该网站。
我试过所有方法让我们的 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 的使用。
我应该怎么做才能与我的群组成员共享网站?
我只需要按照这篇文章进行操作即可:
https://www.jobsity.com/blog/how-run-ngrok-test-share-your-local-development
- 在 VSCode 中打开您的 gitbash 终端,并将您的项目添加到工作区中。 (确保 gitbash 终端中指示的路径是您项目的路径)
通过键入
打开 artisan 服务器
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)
我和我的组员正在使用的网站只能在我的笔记本电脑上本地访问。我希望他们能够从自己的家中打开网站,以便我的以前端为中心的成员可以立即编辑和查看网站中的更改。我也希望我的其他组成员能够测试该网站。
我试过所有方法让我们的 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 的使用。
我应该怎么做才能与我的群组成员共享网站?
我只需要按照这篇文章进行操作即可: https://www.jobsity.com/blog/how-run-ngrok-test-share-your-local-development
- 在 VSCode 中打开您的 gitbash 终端,并将您的项目添加到工作区中。 (确保 gitbash 终端中指示的路径是您项目的路径) 通过键入 打开 artisan 服务器
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)