关于json-server在vue应用中的一些问题

博主在学习vue时尝试使用json-server模拟后端数据,遇到post请求时需要id的问题。经发现,通过db.json文件,post请求需指定id才能正常显示。将数据结构修改后,问题得到解决。
摘要由CSDN通过智能技术生成

博主刚学vue不久,想试试从后端拿数据,看到很多人用json-server,所以也就install在项目里玩玩。

const router = require('vue-router')
const jsonServer = require('json-server')
const apiserver = jsonServer.create()
const apirouter = jsonServer.router('db.json')
const middlewares = jsonServer.defaults()

apiserver.use(middlewares)
apiserver.use('/api',apirouter)
apiserver.listen(3000, () => {
  console.log('JSON Server is running')
})

环境搭好了,然后开始配置proxy

proxyTable: {
        '/api/':'http://localhost:3000/'
    },

然后在页面里用this.$http.post()调用

created: function(){
            this.$http.post('api/getBoardList')
            .then(function(data){
                console.log(data)
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值