axios 基本使用

qq_42680313

于 2020-08-20 20:33:46 发布

阅读量172

点赞数

分类专栏：前端基础

本文链接：https://blog.youkuaiyun.com/qq_42680313/article/details/108132444

版权

前端基础专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了HTTP协议中GET和POST请求的区别与使用场景。GET请求适用于获取资源，而POST请求则用于发送数据到服务器，包括基本表单上传和文件上传。文章通过实例展示了如何使用axios库在JavaScript中实现这两种请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 POST 请求

1.1 基本表单上传

默认为 JSON 数据格式，因此上传 JSON 数据时不需要设置请求头；

axios.post(url, params)
    .then(function (response) {
      	console.log('请求成功')
    })
    .catch(function (error) {
    	console.log('请求失败', error)
    })

1.2 文件上传

由于文件上传不是 JSON 数据格式，所以需要设置请求头；

const data = new FormData();
// 如需要同时上传其它数据，也在此处进行添加
data.append('file', file);
axios.post('http://localhost:3006/common/upload', data, {
  headers: { 'Content-Type': 'multipart/form-data' }
}).then(res => {
  console.log(res);
}).catch(err => {
  console.log(err);
});

2 GET 请求

axios.get(url)
    .then(function (response) {
      	console.log('请求成功')
    })
    .catch(function (error) {
    	console.log('请求失败', error)
    })