express基础入门,安装与使用

160 阅读1分钟
1、express的安装
node i express
2、创建web服务器

创建服务器总共分为三步

// 创建服务器总共分为三步// 1.引入express
const express = require('express')
​
// 2.创建服务器
const app = express()
​
app.get('/getUser', (re, res) => {
    res.send({
        id:1,
        name:'zs'
    })
})
app.get('/', (re, res) => {
    res.send('欢迎访问')
})
​
// 3.开启服务器
app.listen(8080, () => {
    console.log('服务器已启动 http://127.0.0.1:8080')
})

image-20220315153226833.png

image-20220315153244351.png

3、express Get 方式传参
query参数
// 查询参数
app.get('/abc',(req,res) => { 
    console.log(req.query)//{ id: '1', name: 'li' }
    res.send(req.query) 
})

image-20220315153453227.png

路径参数
// 路径参数
app.get('/abc/:id/:name',(req,res) => { 
   const id = req.params.id
   const name = req.params.name
   console.log(id,name) //2 ww
   res.send(req.params)
})
​

image-20220315153921424.png

4、静态资源托管
// 静态资源托管
// app.use(express.static('托管文件夹'))
app.use(express.static('./files'))
app.use(express.static('./public'))
//可托管多个静态文件夹,查找顺序为从上到下,如已找到则不再向下查找

image-20220315155314134.png

注意:查找图片时,不用带上文件所在的文件夹路径,可采用方式二指定路径

//指定访问路径
app.use('/abc',express.static('./files'))
// /abc可任意指定,但最好跟文件夹名称保持一致

image-20220315155700001.png

5、nodemon

为了避免反复启动服务器,可安装nodemon

// 安装命令
npm i nodemon -g// 启动命令
nodemon .\03_静态资源托管.js