用Express写vue数据接口

一:新建Express文件夹
用Express写vue数据接口_第1张图片
二:在里面打开PowerShell
用Express写vue数据接口_第2张图片
三:安装Express 应用程序生成器
使用命令:npx express-generator用Express写vue数据接口_第3张图片
四:用VScode编辑器打开项目
注意:打开app.js文件, 将其中的

app.use(express.urlencoded({ extended: false }));

改成为

app.use(express.urlencoded({ extended: true}));

五:修改其它信息
用Express写vue数据接口_第4张图片
六:在index.js文件中添加接口数据

router.post('/index',(req, res, next)=>{
  console.log(req.body);
  res.send({
    msg:'成功2',
    data:{
      arr1:[{
        id: 1,
        name: '张三',
        age: 30
      }],
      arr2:[{
        id: 2,
        name: '李四',
        age: 20
      }]
    }
  })
})

用Express写vue数据接口_第5张图片
七:重新启动PowerShell
使用命令:
npm i
npm start
用Express写vue数据接口_第6张图片
七:用postman测试
本地接口:http://localhost:8989/index
其它接口吧localhost改成其它地址即可比如: 127.1.1.1
用Express写vue数据接口_第7张图片

你可能感兴趣的:(node.js)