运用express模块实现数据前后端交互(POST)

(这篇文章让自己身份在前后端交换,内容可能会引起不适,建议在大人陪同下观看.)

目录

1.首先将express模块导入,并将方法赋值给app

2.静态资源托管

3.这里post数据传输三种方式

(注意这里在进行post功能是需要设置中间件,目的是为了转换数据格式,可以当做请求头看待)

4.最后监听服务器运行

---

1.首先将express模块导入,并将方法赋值给app

//导入模块
const express = require('express')
const app = express()

2.静态资源托管

(这里运用express模块,将昨天代码进行简化)

//静态资源托管
app.use(express.static('public'))

3.这里post数据传输三种方式

(注意这里在进行post功能是需要设置中间件,目的是为了转换数据格式,可以当做请求头看待)

//普通键值对
app.use(express.urlencoded())
app.post('/post', (req, res) => {
    console.log('返回的值', req.body);
    res.json(req.body)
})

//json数据
app.use(express.json())
app.post('/postJSON', (req, res) => {
    console.log('返回的值', req.body);
    res.json(req.body)
})

 文件传输(formdata)与其他两项略有不同,需要下载multer模块

//文件formdata
const multer = require('multer')
const upload = multer({dest:'uploads/'})
app.post('/admin/article_publish', upload.single('cover'), (req, res) => {
    console.log('返回的值', req.body);
    console.log('返回的值', req.file);
    res.send({mes:"上传成功","req.body":req.body,"req.file":req.file})
})

4.最后监听服务器运行

app.listen(3000, () => {
    console.log("启动成功...");
})