axios传参的语法

Source

请求方式                    
POST

向服务器新增数据


GET

从服务器获取数据


DELETE

删除服务器上的数据


PUT
更新服务器上的数据(侧重于完整更新:例如更新用户的完整信息)


PATCH

更新服务器上的数据(侧重于部分更新:例如只更新用户的手机号 )

get

axios({
    url: '请求地址',
    method: 'GET',
    params: {
        后端规定的参数名: 前端发给后端的值
    }
}).then(result => {
    console.log(result)
})


简写 

async

await

axios.get('接口' ,params: { pname: 参数 })

 post

axios({
    url: '请求地址',
    method: 'POST',    // 一般来讲是POST
    data: {            // data: 对应要发给后端数据
        // 后端规定的参数名: 前端发给后端的值
    }
}).then(result => {
    console.log(result);
})



axios.post('请求地址', {后端规定的参数名: 前端发给后端的值 })

restfu1接口规范:

(下例是我二次封装了,大体简写方式是相同的,传参解构了,方便阅读)


查询get : 请求行传参

export const infoArticle = id => {
  return request.get('请求路径', { params: { id } })
}

新增post : 请求体传参

export const addArticle = ({ stem, content }) => {
  return request.post('请求路径', { stem, content })
}

局部更新ptch 请求体传参

export const upDataArticle = ({ id, stem, content }) => {
  return request.put('请求路径', { id, stem, content })
}

删除delete :请求行/请求体 传参(两种都可以具体参考接口文档)

export const deletArticle = id => {
  return request.delete('请求路径', { data: { id } })
}


请求行: axios.delete('/路径’ ,{ params:{参数名:参数值) } )

请求体: axios.delete('/路径' , { data:{参数名:参数值} } )

补充知识

url网址组成

4个部分组成

  1. 协议

  2. 主机名

  3. 端口号(可省略)

  4. 资源存放的路

协议: 协议就是浏览器和服务器之间传输数据的规则, 保证都能读懂对方发来的内容

主机名: 标识服务器在互联网中的唯一地址, 确保能够访问到他

端口号

端口号有效范围默认在0-65535之间的整数

标识服务器里的不同服务

浏览器默认访问的都是80端口

路径: 确定在服务器上的具体位置