我的网站的链接在我的服务器上不工作(404没有找到)

Question

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

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

当我点击一个链接，我有一个404找不到(在任何链接)

如果我点击链接"à残缺“(约)，我有以下链接：

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/...");