首页 > 其他分享 >使用express设置静态目录,创建服务,响应get请求

使用express设置静态目录,创建服务,响应get请求

时间:2023-02-14 18:12:19浏览次数:36  
标签:const get 静态 res app express 文件夹

// 1、引入express
 const express = require('express');//在node应用中载入express
//  2、创建应用对象
 const app = express();//建立一个express实例
 const expressPort=3000;//指定一个端口,端口号

// 静态文件的托管--将当前目录下的public文件夹设置为静态文件夹
//在哪个文件夹下运行 node indexjs _dirname就是哪个路径
app.use(express.static(__dirname)); 

// 接下来告诉服务器端口在接收到get请求后返回一个什么样的结果
// 3、创建路由规则
// 参数(聆听地址,回调函数),在回调函数中获得3个参数(req,res,next)
// request是对请求报文的封装,response是对响应报文的封装
    app.get('/',(req,res,next)=>{

    // 使用send方法做出反馈
    res.send("hello word");
    // res.sendFile(__dirname+'/public/index.html')
})

// 4、监听端口启动服务
// 使用listen进行监听//传入(端口号,回调函数),在成功进行监听后对一个函数告诉用户服务器在运行了
app.listen(expressPort,() => {
    console.log("running……on" + expressPort);
    })

 

 

 

在public文件下的index.html文件中测试是否和服务器连接成功

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>hello</p>
</body>
</html>

文件路径

 

 

 在serve文件夹运行 node index  

接着在浏览器中输入localhost:3000即可看到显示,表示get请求响应成功。

 

 

 

 

标签:const,get,静态,res,app,express,文件夹
From: https://www.cnblogs.com/bisiyuan/p/17120481.html

相关文章