express请求接口

express请求接口:
    

    1,设置中间件,borderparser进行响应request的http请求post请求

    2.设置不同的路由请求不同的http
    
    3.通过模版传参,动态传数据

    用法:
    
        第一:先引入express
        
        const express=require('express')
        const app=express()
    读取文件:const fs=require('fs')

        第二:实例化express
    
        var bodyParser=require('body-parser')

        app.use(bodyParser.urlencoded({extended:false}))

        app.use(bodyParser.json())

        第三:指定端口
    
        app.listen(8080)

        第四:请求接口

        app.get('/hotMusic',function(req,res){

        fs.readFile('../static/hotDatas.json',(err,data)=>{

            if(err){

            res.send('文件读取失败')
            }else{

             if(JSON.parse(data).length=0){

               res.send('暂无数据')

            }else{
               res.send(JSON.parse(data))
            }

            }

        }
        })

在界面上用的时候,这样写:

methods:{

      getData(){

        这个hotMusic要和自己写的接口的名字一致

          this.$axios.get('apis/hotMusic').then(res=>{

           console.log(res)

         })

   }

}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值