1.準備工作:npm下載相關包

1.1初始化npm得到package.json文件 (不初始化也可以之前初始化的文件獲得package.json文件)

npm init --yes

1.2 express包   

npm i express 

1.3 multer 包

npm i multer

2.創建server文件:在同級文件夾下創建server文件(文件名可以自定義)

3.登錄接口部分

 3.1 登錄接口代碼

    


        


            


            

        

        


            

                const express = require('express')
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //將這個express的方法賦值給app
            

        

    

    


        


            


            

        

        


            

                const app = express()
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //引入multer這個包
            

        

    

    


        


            


            

        

        


            

                const multer = require('multer')
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //上傳的文件會保存在這個目錄下
            

        

    

    


        


            


            

        

        


            

                const upload = multer({ dest: 'uploads/' })
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //使用中間件
            

        

    

    


        


            


            

        

        


            

                app.use(express.urlencoded());
            

        

    

    


        


            


            

        

        


            

                app.use(express.json());
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //登錄接口
            

        

    

    


        


            


            

        

        


            

                app.post('/api/login', (req, res) => {
            

        

    

    


        


            


            

        

        


            

                if (req.body.username && req.body.password) {
            

        

    

    


        


            


            

        

        


            

                res.json({
            

        

    

    


        


            


            

        

        


            

                "status": 0,
            

        

    

    


        


            


            

        

        


            

                "message": "登錄成功",
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            

                // res.send(req.body)
            

        

    

    


        


            


            

        

        


            

                console.log('req.body', req.body)
            

        

    

    


        


            


            

        

        


            

                } else {
            

        

    

    


        


            


            

        

        


            

                res.json({
            

        

    

    


        


            


            

        

        


            

                "status": 1,
            

        

    

    


        


            


            

        

        


            

                "message": "登錄失敗",
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            

                // res.send(req.body)
            

        

    

    


        


            


            

        

        


            

                console.log('req.body', req.body)
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                // res.send()
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                app.listen(8023, () => {
            

        

    

    


        


            


            

        

        


            

                console.log('8023端口運行成功,已經跑起來了...');
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

3.2 終端運行代碼

 3.3 在Postman中測試發送請求,填寫必要參數返回結果:

3.4  在Postman中測試發送請求,不填寫必要參數返回結果:

4. 獲取接口部分:

4.1  獲取接口代碼

    


        


            


            

        

        


            

                //引入express框架 
            

        

    

    


        


            


            

        

        


            

                const express = require('express')
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //將這個express的方法賦值給app
            

        

    

    


        


            


            

        

        


            

                const app = express()
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //引入multer這個包
            

        

    

    


        


            


            

        

        


            

                const multer = require('multer')
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //上傳的文件會保存在這個目錄下
            

        

    

    


        


            


            

        

        


            

                const upload = multer({ dest: 'uploads/' })
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //使用中間件
            

        

    

    


        


            


            

        

        


            

                app.use(express.urlencoded());
            

        

    

    


        


            


            

        

        


            

                app.use(express.json());
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //獲取接口
            

        

    

    


        


            


            

        

        


            

                app.get('/my/user/userinfo', (req, res) => {
            

        

    

    


        


            


            

        

        


            

                if (req.body.Authorization) {
            

        

    

    


        


            


            

        

        


            

                res.json({
            

        

    

    


        


            


            

        

        


            

                "status": 0,
            

        

    

    


        


            


            

        

        


            

                "message": "獲取成功",
            

        

    

    


        


            


            

        

        


            

                "data": {
            

        

    

    


        


            


            

        

        


            

                "id": 1,
            

        

    

    


        


            


            

        

        


            

                "username": "leopard",
            

        

    

    


        


            


            

        

        


            

                "nickname": "little-leopard",
            

        

    

    


        


            


            

        

        


            

                "email": "laotang@qq.com",
            

        

    

    


        


            


            

        

        


            

                "user_pic": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAe"
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            

                console.log('req.body', req.body)
            

        

    

    


        


            


            

        

        


            

                } else {
            

        

    

    


        


            


            

        

        


            

                res.json({
            

        

    

    


        


            


            

        

        


            

                "status": 1,
            

        

    

    


        


            


            

        

        


            

                "message": "獲取失敗",
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            

                console.log('req.body', req.body)
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                app.listen(8023, () => {
            

        

    

    


        


            


            

        

        


            

                console.log('8023端口運行成功,已經跑起來了...');
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

4.2 在終端運行

4.3 在Postman中測試發送請求,填寫必要參數返回結果:

4.4 在Postman中測試發送請求,不填寫必要參數返回結果:

5.post接口上傳圖片

 5.1 上傳圖片代碼

    


        


            


            

        

        


            

                //引入express框架 
            

        

    

    


        


            


            

        

        


            

                const express = require('express')
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //將這個express的方法賦值給app
            

        

    

    


        


            


            

        

        


            

                const app = express()
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //引入multer這個包
            

        

    

    


        


            


            

        

        


            

                const multer = require('multer')
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //上傳的文件會保存在這個目錄下
            

        

    

    


        


            


            

        

        


            

                const upload = multer({ dest: 'uploads/' })
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                //使用中間件
            

        

    

    


        


            


            

        

        


            

                app.use(express.urlencoded());
            

        

    

    


        


            


            

        

        


            

                app.use(express.json());
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                app.post('/my/user/avatar', upload.single('avatar'), (req, res) => {
            

        

    

    


        


            


            

        

        


            

                console.log(req.file);
            

        

    

    


        


            


            

        

        


            

                if (req.file) {
            

        

    

    


        


            


            

        

        


            

                res.json({
            

        

    

    


        


            


            

        

        


            

                "status": 0,
            

        

    

    


        


            


            

        

        


            

                "message": "上傳圖片成功"
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            

                console.log('req.body', req.body)
            

        

    

    


        


            


            

        

        


            

                } else {
            

        

    

    


        


            


            

        

        


            

                res.json({
            

        

    

    


        


            


            

        

        


            

                "status": 1,
            

        

    

    


        


            


            

        

        


            

                "message": "上傳圖片失敗"
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            

                console.log('req.body', req.body)
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                app.listen(8023, () => {
            

        

    

    


        


            


            

        

        


            

                console.log('8023端口運行成功,已經跑起來了...');
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

5.2 Postman上傳圖片測試

 5.3終端查看