I'm developing websites with the following structure:
My httpd-vhosts.conf looks like this:
<VirtualHost *:80>
DocumentRoot "D:/Programme/XAMPP/htdocs/Projekte/Webshop_Yamamura"
ServerName zmf-yamamura.local
ErrorLog "D:/Programme/XAMPP/htdocs/Projekte/Webshop_Yamamura/home/backend/logs/errorlog.log"
<Directory "D:/Programme/XAMPP/htdocs/Projekte/Webshop_Yamamura">
Require all granted
AllowOverride All
Allow from all
DirectoryIndex home/frontend/index.html
</Directory>
</VirtualHost>
The head of every html file looks like this:
<head>
<!--- Bootstrap min --->
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
<!--- jQuery --->
<script src="/node_modules/jquery/dist/jquery.min.js"> </script>
<!--- Popper min --->
<script src="/node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<!--- Bootstrap min js --->
<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"> </script>
<!--- Custom CSS --->
<link rel="stylesheet" href="format/format.css">
<meta charset="UTF-8">
<title>Startseite</title>
</head>
I've tried several settings, but either it cannot find the npm plugins like Bootstrap or jQuery or he's unable to open the html files in the subfolders. If you type zmf-yamamura.local in the address bar of the browser, it should redirect to the index.html in the frontend folder. What are the right settings for the httpd-vhosts.conf? I'm currently using XAMPP on Windows 10 for testing purposes.
Thank you and stay healthy!