express的安装，使用，请求，自动更新，静态资源托管(一)

1.打开编辑器vscode

2.安装express   npm install express@4.17.1

3.创建文件index.js

4.导入express   const express = require('express')

5.创建web服务器   const app=express()

6.启动web服务器

?

1 2 3

app.listen(80,()=>{     console.log('服务起动了') })

7.命令行输入  node index.js ，输出‘服务起动了’

8.监听客户端请求,并向客户端响应数据

　　a.app.get（'请求地址',(req,res)=>{

　　　　// req 请求数据，res 响应数据

　　　　res.send({name:'张三'})

　　}）

　　

　　b.app.post（'请求地址',(req,res)=>{

　　　　// req 请求数据，res 响应数据

　　　　res.send({name:'张三'})

　　}）

9.获取url中携带的参数

　　req.query，默认是一个空对象

10.获取url中的动态参数

　　req.params

11.安装nodemon,热更新node程序

?

1	npm i -g nodemon

 

?

1 2 3 4 5

// 默认监视当前目录的文件变化  nodemon index.js   // 指定主机和端口作为参数，表示在本地 80 端口启动 node 服务  nodemon index.js localhost 80

12.托管静态资源

　　app.use(express.static('public')) // 请求路径不包含public  请求 127.0.0.1/demo.png

　　访问静态文件时，express.static()函数会根据目录的添加顺序查找所需的文件

　　app.use('/images',express.static('./public')) // 指定访问路径前缀

13.设置请求头

　　1.后端解决跨域

?

1 2 3 4

app.use('*',(req,res,next)=>{     res.setHeader('Access-Control-Allow-Origin','http://localhost:3007') // 允许localhost 3007 访问     next() })

　　2.设置允许的请求方法

?

1 2 3 4

app.use('*',(req,res,next)=>{     res.setHeader('Access-Control-Allow-Methods','POST,GET,OPTIONS,DELETE,PATCH')     next() })

　　3.请求数据格式支持

?

1 2 3 4

app.use('*',(req,res,next)=>{     res.setHeader('Access-Control-Allow-Headers','Content-Type')     next() })

　　4.自定义响应头

?

1 2 3 4 5 6 7

app.get('/', (req, res) => {     res.set('token', '1')     res.setHeader('Access-Control-Expose-Headers', 'token')     res.json({         code: 200     }) })