How to serve static pages using expressjs

expressjs path javascript static pages nodejs 5 years, 3 months ago

//app.js const path = require("path"); const express = require("express") const app = express() const port = 3000 app.use(express.static(__dirname)) //No Longer used // app.get('/', (req, res) => { // res.send('Welcome to Koderplace:') // }) app.listen(port, () => console.log(`Example app listening on port ${port}!`)) //index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Welcome to koderplace</h1> </body> </html>

1024

0

0

the app.js and index.html suppose to be in the same directory.
try to run nodemon app.js, you can see the index.html rendered in the home page.

Check the image attached. to get the structure.

Posted By

Please Login to Comment Here


                            //add.js
const add = (p1, p2, callback) => {
setTimeout(()=>{

nodejs javascript async callback


                            //ex.js
const https = require('https')
const url = "" //Use the url you want to

nodejs callback javascript http https


                            //server.js
const express = require("express")
const app = express()

nodejs route javascript expressjs


                            const mul = (a, b) => {
  return new Promise((resolve, reject)=>
    setTimeout(()=>{

nodejs async javascript promise


                            const mul = (a, b) => {
  return new Promise((resolve, reject)=>
    setTimeout(()=>{

nodejs python async promise


                            const mul = (a, b) => {
  return new Promise((resolve, reject)=>
    setTimeout(()=>{

nodejs javascript async await promise


                            const {MongoClient, ObjectID} = require(
const ConnectionURL = "mongodb://127.0.0
const DBName = "koder-mongo-app";

nodejs javascript nodemon mongodb


                            const mongoose = require("mongoose");
mongoose.connect("mongodb://127.0.0.1:27
  useNewUrlParser: true,

nodejs mongoose javascript nodemon mondodb


                            //plugin to any test js file and proceed
//This is the best standard to work with
const style = {background:'cyan', color:

javascript react js css


                            import React from 'react'
//No need to give the complete path, rea
//If not exists searches globally

javascript react js


                            //Basic way
<!DOCTYPE html>
<html>

javascript react js html


                            //State Component
<!DOCTYPE html>
<html>

javascript react js


                            //Basic way
<!DOCTYPE html>
<html>

javascript react js webpack


                            import React from 'react'
export default class ToggleComponent ext
  constructor(props){

javascript react js


                            import React from 'react'
export default class StateProps extends

javascript react js


                            import React, { Component } from 'react'

javascript react js


                            async function showAvatar() {

  // read our JSON


                            //JS Code
function runShellScript(){
    const process = require('child_proce

javascript shell node js


                            //Fill


                            //Parent.js
import React from "react";
import Child from './Child'

javascript react js