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请求正常!
GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐