vue-admin-template get和post请求及带参方式

get:

(1)在url后面拼接单独的值,例如:localhost:80/student/1 查找id为1的学生信息

student为固定的url中的字段,1为id的值,会变化,那么在vue-admin-template的api中可以写如下方式:

export function getOne(id) {
  return request({
    url: `/student/${id}`,
    method: 'get'
  })
}

在request的url中使用 `` 即可将id作为值拼入。

(2)请求使用key=value方式访问,例如:localhost:80/student?id=1 查找id为1的学生信息

export function getOne(id) {
  return request({
    url: '/student',
    method: 'get',
    params: {
      id
    }
  })
}

传递多个参数,例如:localhost:80/student?id=1&sex=man

export function getOne(id) {
  return request({
    url: '/student',
    method: 'get',
    params: {
      id,  // 或者改为id: id,
      sex: 'man' // 因为这里没有sex的动态值,固测试使用定值man,可通过方法传递
    }
  })
}

post:

提交学生信息:

export function commit(data) {
  return request({
    url: '/student/add',
    method: 'post',
    data
  })
}

 

GitHub 加速计划 / vu / vue-admin-template
19.83 K
7.39 K
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
4c18a3f4 - 2 年前
714ded11 - 4 年前
Logo

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

更多推荐