关于Express解析数据方式和响应数据的方式大总结

关于Express解析数据方式和响应数据的方式大总结

通过get请求中的URL的params

app.get('/home/list', (req, res, next) => {
  // 在express中他会默认对我们的query进行解析的所以我们不需要做任何操作
  // 他的值都是字符串的格式如果需要数字我们需要进行转换
  console.log(req.query);
  res.end('解析成功');
});

通过get请求中的URL的query

// 解析param   /:id 占位就行
app.get('/user/:id', (req, res, next) => {
  console.log(req.params.id);
  res.end('解析成功');
});

通过post请求中的body的x-www-form-urlencoded格式

const express = require('express');
const app = express();
// 在不传递extended: true会报错
// body-parser deprecated undefined extended: provide extended option 09_express urlencode解析.js:3:17
// 解析传递过来的urlencoded的数据他默认使用的是node中的queryString模块 他过期了而已
// extended: true当你传入他以后他就会使用第三方库来解析数据了 用的是qs模块进行解析   
app.use(express.urlencoded({ extended: true }));
app.post('/register', (req, res, next) => {
  console.log(req.body);
  res.end('解析成功');
});

app.listen(8000, () => {
  console.log('服务器请求成功 ');
});

通过post请求中的form-data格式

const express = require('express');
const app = express();
const multer = require('multer');
const formdata = multer();
app.post('/login', formdata.any(), (req, res, next) => {
  console.log(req.body);
  res.end('解析成功');
});
app.listen(8000, () => {
  console.log('服务器请求成功 ');
});

通过post请求中的body的json格式

const express = require('express');
const app = express();
app.use(express.json());
app.post('/register', (req, res, next) => {
  console.log(req.body);
});
app.listen(8000, () => {
  console.log('服务器请求成功 ');
});

响应数据的方式

app.get('/home', (req, res, next) => {
  // 方式一 end方法返回数据
  //   res.end('你的方法为get 你的url为home');
  // 方式二 res.json 方法用的比较多
  //   res.json({
  //     code: 0,
  //     message: 'well come',
  //     list: [{ name: 'wangfeng', age: 19 }],
  //   });
  //   方式三 res.status
  res.status(201);
  res.json("111")
});

单文件上传和多文件上传方式

const express = require('express');
const app = express();
// 我们如果需要去写文件上传接口我们需要使用express 编写的第三方 中间件
//  npm i multer
const multer = require('multer');
// 应用一下multer
const upload = multer({
    // 文件存放的位置
  dest: './uploads',
});
// 编写中间件
// 如果需要处理的是一个单文件就使用single 并且传入文件名称 这里的文件名称必须和你上传的文件名称一样
app.post('/avter', upload.single('avter'), (req, res, next) => {
  console.log(req.file);
  res.end('上传成功');
});

app.listen(8000, () => {
  console.log('服务器请求成功 ');
});

多文件上传&文件名自定义

const express = require('express');
const app = express();
const multer = require('multer');

const upload = multer({
  storage: multer.diskStorage({
    // 文件存放位置
    destination(req, file, callback) {
      // 这里是你需要存储的位置
      callback(null, './uploads');
    },
    // 文件的名字
    filename(req, file, callback) {
      // 这里是你起的名字 我们如果加上了originalname那么他就能显示了因为他有后缀名了
      callback(null, Date.now() + '_' + file.originalname);
    },
  }),
});
// 如果是多个文件上传我们就使用
app.post('/avter', upload.single('avter'), (req, res, next) => {
  console.log(req.file);
  res.end('上传成功');
});
// upload.array('img')这里的name必须和你的上传文件名字一样要不然会报错
app.post('/avters', upload.array('img'), (req, res, next) => {
  console.log(req.files);
  res.end('多个文件上传成功');
});
app.listen(8000, () => {
  console.log('服务器请求成功 ');
});