我的網站的鏈接在我的服務器上不起作用（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/...");