node.js 模拟后端接口返回数据以及图片路径

我是一位学习前端的程序员，有些时候想自己在本地模拟后端数据，因此使用 node.js进行模拟最简单不过了！

但又出现了一个问题

很多后端都要图片路径，我在 CSDN 找了很多资料都无法解决。

所以在此分享方法给大家

 第一步， 编写node.js 代码 ，源码如下

     需要在当前目录下创建一个 img 目录 (用于存放所需图片的文件夹)

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

const cors=require("cors");
 app.use(cors())

//使用 node.js 进行静态资源托管
   app.use("/img",express.static("./img"))
// 前端发来的get请求  路径为 /user
   app.get("/user",(req,res)=>{
    res.send(
      [{
          id:1,
          name:"李大力",
   //路径为本地服务器 + 托管前缀 + 文件夹下的图片路径名
          img_url:'http://127.0.0.1/img/5.jpeg',   
        },{
          id:2,
          name:"李小明",
          img_url:'http://127.0.0.1/img/6.jpeg',
        }
      ]
    )
   })

 app.listen(80, () => {
     console.log('启动成功！ at http://127.0.0.1')
})

// 点开终端 启动服务器  node test.js

 第二步，动态绑定进行使用（以 uni-app 为例 ）

uni.request({
		url:"http://127.0.0.1/user",
		success:(data)=>{
			this.userdata=data.data
		  }
		})

第三步，动态绑定使用

<img :src="userdata.img_url">