Bonjour à tous,
Nouveau sur ce site, je sollicite votre aide pour résoudre un problème que je rencontre actuellement sur l'utilisation de "mod_rewrite" et de ses directives.
Je précise que je suis novice concernant cet élément.
Les données:
Les fichiers relatifs au site que je développe actuellement se trouvent dans un dossier qui n'est pas à la racine de mon serveur de test (NAS Synology).
l'url de base est donc de la forme suivante: https://MonNas.local/private/MonSite (et non pas https://MonSite).
Je dispose du .htaccess suivant à la racine du site:
RewriteEngine On
RewriteBase /private/MonSite/
RewriteRule ^([a-zA-Z0-9\-\_\/]*)$ index.php?p=$1
Cette directive me permet (en principe ) de convertir l'adresse suivante (vérifié depuis ce site)
URL 1 (demandée): https://MonNas.local/private/MonSite/login/lostpassword
En:
URL 2 (réécrite): https://MonNas.local/private/MonSite/index.php?p=login/lostpassword
Dans ma page à afficher, j'ai les références suivantes dans les en-têtes:
<head>
<meta charset="utf-8">
<title>MonTitre</title>
<!-- css -->
<link rel="stylesheet" href="./resources/vendor/fa/css/all.min.css"><!-- css font-awesome -->
<link rel="stylesheet" href="./resources/vendor/bootstrap/css/bootstrap.min.css" id="bootstrap-css"><!-- css bootstrap -->
<link rel="stylesheet" href="style.css" type="text/css"><!-- css custom -->
<!-- js libraries -->
<script src="./resources/vendor/bootstrap/js/bootstrap.bundle.min.js"></script><!-- js bootstrap -->
<script src="./resources/vendor/jquery/js/jquery-3.6.0.min.js"></script><!-- js jquery -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
Le problème:
Lorsque j'accède à l'URL 1, aucune de mes références CSS, JS et img ne fonctionne.
Lorsque je tape directement l'URL 2 dans la barre d'adresse, tout fonctionne bien.
Pouvez-vous svp m'aider à trouver où se trouve mon erreur?
Merci d'avance