我的网站的链接在我的服务器上不起作用（404 NOT FOUND）

Question

我的网站的链接不起作用。

我的网站： https ://overlap.ulb.be/public/

当我点击一个链接时，我有一个 404 NOT FOUND（在任何链接上）

如果我点击链接“à propos”（关于），我有这个链接：

https://overlap.ulb.be/about

我们可以看到我在 URL 中不再有公共名称。

这是我的代码（路线）的一部分

Route::get('about', [PlanteController::class, 'about']);

和控制器代码：

    public function about()
  {
    return view('phyto.about' );
  }

和视图的代码：

  <x-phyto-layout>

    <style>
      .h4-about-first {
        margin: 0 0 10px 0;
      }
      .h4-about-m20 {
        margin: 20px 0 10px 0;
      }
      .h4-about {
        font-family: "Lato", Helvetica, Verdana, sans-serif;
        /*font-family: "Arial Rounded MT Bold", Helvetica, Verdana, sans-serif;*/
        font-weight: 500;
        line-height: 120%;
        padding: 0;
        /*padding-left: 0px;*/
        /*margin: 0 0 10px;*/
        /*color: #413d3d;*/
        color: rgba(0, 0, 0, 0.5);
      }
      .h4-about {
        font-size: 22px;
      }
      .p-about {
        font-family: "Lato", Helvetica, Verdana, sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #413d3d;
        /*margin: 0 0 18px 0;*/
        margin: 0 !important;
        padding: 0;
        /*padding-left: 0px;*/
      }
    </style>

    <!-- About page container -->
    <div class="page-container">
      <div class="bloc bloc-fill-screen l-bloc" id="bloc-7">
        <div class="container fill-bloc-top-edge">
          <div class="row">
            <div class="bloc l-bloc" id="bloc-13" style="">
              <div class="container bloc-lg">
                <div class="row">
                  <div class="col">
                    {{--<h3 style="font-size: 24px !important" class="mg-md h3-style">À propos de nous</h3>--}}
                    <h4 class="h4-about h4-about-first">À propos de nous</h4>
                    <p class="p-about" {{--style="color:black !important"--}}>
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci alias aliquid at aut ea
                      eligendi, enim esse ex excepturi in ipsam neque odio praesentium repellendus sed tenetur totam unde.
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci alias aliquid at aut ea
                      eligendi, enim esse ex excepturi in ipsam neque odio praesentium repellendus sed tenetur totam unde.
                    </p>
                    {{--<h3 style="padding-top: 24px;font-size: 24px !important" class="mg-md h3-style">Projet Phyto ?</h3>--}}
                    <h4 class="h4-about h4-about-m20">Projet Phyto ?</h4>
                    <p class="p-about" {{--style="color:black !important"--}}>
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci alias aliquid at aut ea
                      eligendi, enim esse ex excepturi in ipsam neque odio praesentium repellendus sed tenetur totam unde.
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci alias aliquid at aut ea
                      eligendi, enim esse ex excepturi in ipsam neque odio praesentium repellendus sed tenetur totam unde.
                    </p>
                    {{--<h3 style="padding-top: 24px;font-size: 24px !important" style="padding-top: 30px" class="mg-md h3-style">Collaborateurs</h3>--}}
                    <h4 class="h4-about h4-about-m20">Collaborateurs</h4>
                    <p class="p-about" {{--style="color:black !important"--}}>
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci alias aliquid at aut ea
                      eligendi, enim esse ex excepturi in ipsam neque odio praesentium repellendus sed tenetur totam unde.
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci alias aliquid at aut ea
                      eligendi, enim esse ex excepturi in ipsam neque odio praesentium repellendus sed tenetur totam unde.
                    </p>

                    <h4 class="h4-about h4-about-m20">Nom latin</h4>
                    <p class="p-about" {{--style="color:black !important"--}}>
                      Le nom latin fait référence à la dernière classification (lien : www.derniere-classification.org)
                    </p>

                    <a href="/gpd?p=search" class="btn btn-lg btn-more-link-style btn-sq btn-golden-green float-lg-none mt-5">
                      Recherche de plantes
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- bloc-7 END -->



Thank you














{{--<div class="bloc none l-bloc" id="home-about">
      <div class="container bloc-xl">
        <div class="row">
          <div class="col-md-2 order-md-1">
            <img src="/images/valeriane_rouge.jpg" data-src="/images/valeriane_rouge.jpg" class="img-fluid mx-auto d-block lazyloaded">
          </div>
          <div class="col-md-2  align-self-center">
            <h2 class="mg-md titulo01 h2-margin-bottom">Qu'est ce que ULB-PHYTO?</h2>
            <p class="parrafo01">
              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dicta error explicabo,
              harum hic ipsam laboriosam molestiae nihil odit optio porro provident repellendus
              saepe sed sequi similique velit vitae, voluptatem?
              Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusantium amet delectus,
              dicta dolor ea eligendi ex, excepturi facere
              incidunt iste maiores porro possimus, qui rerum velit vitae voluptatem! Repudiandae.
            </p>
          </div>
        </div>
      </div>
    </div>--}}


I also have a .htaccess :

    <IfModule mod_rewrite.c>
   RewriteEngine On 
   RewriteRule ^(.*)$ public/$1 [L]
</IfModule>

Answer 1

您的问题是没有正确加载您的资产。 您可以将样式和 javascript 的完整 URL 放在您的应用程序布局中，包括公共，或者您可以使用资产函数使用以下的当前方案为资产生成 URL：

<link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}">

如果您使用资产方法，则应将 ASSET_URL 变量放入 .env 文件中

ASSET_URL=https://overlap.ulb.be/public

更新如果您的意思是您的样式中的图像您有两个解决方案，您可以在刀片中编写内联样式，在这种情况下您可以使用上面示例中的资产方法或更改外部样式 CSS 文件中的所有背景 URL

background-image: url("/public/images/...");