fixed static file issue

Express server was unable to serve style.css file
noobyco · Apr 4, 2022 · b79ef6d · b79ef6d
1 parent d067dac
commit b79ef6d
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 10 deletions.
diff --git a/app.js b/app.js
@@ -6,10 +6,11 @@ const bodyParser = require("body-parser");
 const app = express();
 
 app.use(bodyParser.urlencoded({extended:true}));
-app.use(express.static("static"));
+app.use(express.static( __dirname + "/public"));
 
 app.get("/", function(req, res){
     res.sendFile(__dirname + "/index.html");
+
 });
 
 let name;
@@ -46,13 +47,13 @@ app.post("/main", function(req, res){
 app.get("/main", function(req, res){
     if(passwd == "raspian1155"){
 
-        res.sendFile(__dirname + "/main.html");
+        res.sendFile(__dirname + "/public/main.html");
     }else{
         res.write("Wrong password, YOU " + name);
         res.send();
     }
 });
 
 //Server listning...
-app.listen(process.env.PORT || 8000);
+app.listen(process.env.PORT || 8001);
 
diff --git a/static/styles.css → public/css/styles.css b/static/styles.css → public/css/styles.css
diff --git a/static/59837486.png → public/img/59837486.png b/static/59837486.png → public/img/59837486.png
diff --git a/static/iot.png → public/img/iot.png b/static/iot.png → public/img/iot.png
diff --git a/index.html → public/index.html b/index.html → public/index.html
@@ -11,14 +11,14 @@
     rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" 
     crossorigin="anonymous">
     <!-- Local CSS -->
-    <link rel="stylesheet" href="static/styles.css">
+    <link rel="stylesheet" href="./css/styles.css">
     <title>LED CONTROLLER</title>
 </head>
 <body>
     <div class="cont d-flex justify-content-center align-items-center p-2 bg-light">
         <div class="head text-center m-2"><h2>LED CONTROLLER</h2></div>
         <main class="card rounded p-2 text-center">
-            <div><img src="static/59837486.png"/></div>
+            <div><img src="./img/59837486.png"/></div>
             <form action="/" method="POST">
                 <p>
                     <input type="text" name="name" class="form-control" placeholder="Name" required autofocus>
@@ -32,10 +32,12 @@
             </form>
         </main>
     </div>
+
     <div class="foot text-center"><h5>Made by Md Moinuddin</h5></div>
+    <!-- Bootstrap JS -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 
+    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 
+    crossorigin="anonymous"></script>
+
 </body>
-<!-- Bootstrap JS -->
-<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 
-integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 
-crossorigin="anonymous"></script>
 </html>
diff --git a/main.html → public/main.html b/main.html → public/main.html
@@ -10,7 +10,7 @@
     rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" 
     crossorigin="anonymous">
     <!-- Local CSS -->
-    <link rel="stylesheet" href="static/styles.css">
+    <link rel="stylesheet" href="./css/styles.css">
     <title>LED CONTROLLER</title>
 </head>
 <body>