在vue-element-admin项目中Post 请求带参数 报请求超时

Axios 如果发送Post请求,并且带上请求参数时,会一直报请求超时,如下

// src/api/test.js
import request from '@/utils/request'

export default {
  test () {
    return request({
      url: '/test',
      method: 'post',
      data: {
        "name": "张三"
      }
    })
  }
}

在这里插入图片描述
这个问题是因为mock-server中express的中间件body-parser导致的,表现为不带参数请求没有问题,带上参数就出现那种情况

解决方案如下:

  1. 将 mock\mock-server.js 文件下面的注释掉,再加上新的(大概第16行)
  for (const mock of mocksForServer) {
    // app[mock.type](mock.url, mock.response) // 此行注释掉 修改为下面这种
    app[mock.type](mock.url, bodyParser.json(), bodyParser.urlencoded({
      extended: true
    }), mock.response)
    mockLastIndex = app._router.stack.length
  }
  1. 然后往下拉,找到下面的注释掉
  // app.use(bodyParser.json())
  // app.use(bodyParser.urlencoded({
  //   extended: true
  // }))
  1. 修改后,完整的图示:
    在这里插入图片描述
  2. npm run dev 重启项目,post请求正常!
  • 15
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 9
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值