Nodejs-02 接口的应用

本节：前后端交互，接收和传递内容。

学会查看和使用Nodejs官方文档

Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网

一、从前端获取内容，再返回给前端。

服务器： 

前端：

 二、把服務器的内容传到前端

服务器： 

前端： 

三、服务器要写的基础代码，定义接口和协议才能运行。

完整代码：

const express = require('express')

const app = express()

const port = 3000

//设置跨域访问

app.all('*', function (req, res, next) {

    res.header("Access-Control-Allow-Origin", "*");

    res.header("Access-Control-Allow-Headers", "X-Requested-With");

    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");

    res.header("X-Powered-By", ' 3.2.1');

    res.header("Content-Type", "application/json;charset=utf-8");

    next();

});

app.listen(port, () => {

    console.log(`Example app listening at http://localhost:${port}`)

})

    // 从前端获取内容，再返回给前端

    app.get('/mm/:id3/:name4',             // /:变量名/:变量名 ，接收前端传来的对象

    function (req, res) {              //  requset前端的请求，response服务器返回去的反应

        res.send(req.params)           //  res.send(res.params)在前端输出接收到数据

        console.log(req)               //控制台输出从前端的获取到的数据

    })

   

app.get('/cuihua', (req, res) => {

    // requset前端的请求，response服务器返回去的反应

    res.send([

        { name: "11", id: 1 },

        { name: "22", id: 2 },

        { name: "33", id: 3 },

    ])

})