axios中get，post的区别（待更新）

原创 已于 2022-03-27 11:36:25 修改 · 3.9k 阅读 · 25 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

于 2022-03-27 11:36:05 首次发布
本文详细解释了HTTP请求中的GET和POST方法的区别，包括它们各自的用途、数据提交方式、安全性及大小限制等内容。此外还介绍了Spring Boot框架中处理这两种请求的注解@PostMapping、@GetMapping和@RequestMapping的使用方法。

什么是GET和POST请求

GET：向指定路径资源发送请求，通常用于获取数据

POST：向指定路径资源提交数据进行处理请求，通常用于提交表单或者上传文件

GET和POST请求的区别

1，GET一般是从服务器上获取数据，POST是向服务器提交数据。

2，GET通过URL提交数据，数据在URL中可以看到，POST则是在HEADER内提交。

3，GET提交的数据不能大于2KB，而POST不受限制。

4，GET数据容易泄露，POST较为安全

PostMapping、GetMapping和RequestMapping

在springboot中有三种注解，PostMapping、GetMapping和RequestMapping

①RequestMapping可以处理post和get请求

②@GetMapping用于将HTTP get请求映射到特定处理程序的方法注解
具体来说，@GetMapping是一个组合注解，是@RequestMapping(method = RequestMethod.GET)的缩写。

③@PostMapping用于将HTTP post请求映射到特定处理程序的方法注解
具体来说，@PostMapping是一个组合注解，是@RequestMapping(method = RequestMethod.POST)的缩写。

摘自https://jingyan.baidu.com/article/a501d80cb60400ac630f5ed6.html

@RequestMapping、@PostMapping、@GetMapping - 潜跃 - 博客园

baiye_nini
关注
axios之post与get请求
weixin_46145739的博客
02-09 3635
axios之post与get请求 axios之post与get请求，如果觉得本片文章对你有帮助期待您的三连，关注公众号获取更多资讯 文章目录axios之post与get请求前言一、axios是什么？二、vue.js+axios的get与post请求1.get请求2.post请求总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考
vue-axios的使用及其中get与post网络请求
06-23
本资源涉及服务器的搭建（利用node.js）与vue-axios中get与post网络请求的使用方法，同时，讲述了vue中如何实现跨域（配置转发的域），组件间通信等等，代码的分析较为详细，适合初学者。
简单谈谈axios中的get,post方法
08-30
下面小编就为大家带来一篇简单谈谈axios中的get,post方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
axios发送get和post请求的区别
weixin_44960120的博客
01-23 3872
get请求： axios({ url: "http://localhost:9090/api/image/", method: "get", params: params }) post请求： axios({ url: "http://localhost:9090/api/image/", method: "post",
axios ‘get’与‘post’的区别
weixin_59525879的博客
07-08 1000
从语义上来说，get表示“请给我这些资源”，post表示“我要提交这些资源”，因此使用时需要根据业务需求进行选择。
vue 2.x 中axios 封装的get 和post方法
08-27
Vue 2.x 中 Axios 封装的 GET 和 POST 方法 Vue 2.x 中 Axios 封装的 GET 和 POST 方法是前端开发中常用的数据请求方式。Axios 是一个基于 Promise 的 HTTP 客户端，提供了简洁的 API 来发送 HTTP 请求。下面我们将...
精选资源
axios（get、post） 请求中的@requestBody @requestParams 以及headers的使用，请求拦截器、响应拦截器的封装
01-03
axios post 请求传递request-body request-query headers（get 或者不直接使用get、post使用axios 道理方法都类似，注意：get没有请求体，如果要用get方法，后端就不能用@requestBody来接收，相应可以改为@...
vue axios数据请求get、post方法及实例详解
10-18
首先，让我们详细了解一下Vue中使用axios进行GET和POST请求的基本方法。 1. **GET请求**： GET请求通常用于获取服务器上的数据。在Vue中，你可以通过以下方式创建一个GET请求： ```javascript import axios from '...
axios中get请求和post请求区别
MISS_zhang_0110的博客
12-20 1452
axios中get请求和post请求区别一、接口书写二、页面请求get请求参数会拼接，query string parameterspost请求参数不会拼接，request payload 一、接口书写 //get接口 export function getList(params) { return request({ url: '接口', method: 'get', params }) } //post接口 export function postList(params) { retur
axios的get与post的区别
qq_36121730的博客
05-24 4641
axios的get方法 axios({ url: 'http://xxx', method: 'get' //默认就是get,这个可以省略， params: { key: value } }) 从写法上看 axios的get方法与ajax的相类似 axios的post的方法 //请求头设置在内部 a...
Axios的GET与POST区别
aozhou9334的博客
09-07 2366
这一篇记事博文本来是上个月就准备写的，谁知道一回学校就太快乐了... 首先两种请求的配置不多说了，项目里的api.js是这样写的 前面的{params：params}，作为值的params是一个参数集合的对象， 而后面的{params：params}，则是参数名称就叫params，但作为值的params也是一个参数集合的对象 把mock....
axios请求：get和post的区别
weixin_45736311的博客
11-12 625
通过GET方式发送有参请求 方法一：通过附加ID直接获取 方法二：parmas{ },多参传递 通过Post方式发送有参请求
axios中get和post传递参数的区别
Shaojun_jita的博客
07-13 1279
post传递参数直接在第二个参数中写入即可，如图 get请求方式中我们使用第二个参数用params来调取接口如图
axios——get请求和post请求的区别（详细！！！)
m0_72231179的博客
12-09 618
关于axios(ajax)——get请求和post请求的区别
【Vue】Axios的get/post请求params/data传参总结
热门推荐
Ryoujou的博客
12-24 2万+
axios的基本使用get/post入门
axios 之get、post传参请求解析
林中明月间丶
07-31 2万+
axios get | post传参方法整理_axios post传参_白瑕的博客-优快云博客axios post params(post像get一样使用params传参)_axios.post() 的params传参_潇蓝诺依的博客-优快云博客Axios post 传参的params 与data 的两种形式（根据java后台接口来选择）_axios post params_bug收集的博客-优快云博客axios介绍 axios是基于Promise的，因此可以使用Promise APIaxios的请求
axios中的Get和Post请求
weixin_62226037的博客
11-14 2254
他们俩个的区别就是get因为参数会放在url中，所以他的安全性较差，请求的数据长度有限制而post请求是没有的长度限制，请求数据是放在body中；get请求刷新页面或者回退没有影响而post请求回退时会重新提交数据请求。通俗点来说get请求就是去取获取数据的，post请求就是去提交数据的。get请求会被保存在浏览器历史记录当中但post不会。get请求只能用url编码,而post可以多种。get请求可以缓存，post请求不会被缓存。
Axios的get和post请求
qq_39229914的博客
08-09 248
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 一、axios POST提交数据的三种请求方式写法 axios.post(url,data,config) 1、Content-Type: application/json import axios from 'axios' ...
axios发送Post和get请求
Zhouchangyue的博客
03-11 853
1.安装 node方式 npm install axios 设置index.js import axios from ‘axios’ Vue.prototype.$ajax = axios 或者使用cdn方式： <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2.post请求 ...
vue3 axios中get和post区别
最新发布
03-18
<think>好的，我现在需要回答用户关于Vue3中Axios的GET和POST请求差异的问题。首先，我得回顾一下Axios的基本概念，以及GET和POST在HTTP中的区别。根据用户提供的引用资料，引用[1]提到GET参数在URL中，而POST在请求体中，安全性不同。引用[2]和[4]说明Axios在Vue3中的安装和使用方法。引用[5]给出了POST请求的示例代码。 接下来，我需要整理两者的主要区别，包括参数传递方式、安全性、数据长度限制、缓存机制、适用场景等。同时，要结合Vue3中的具体用法，比如全局配置和局部引入的区别，以及如何发送GET和POST请求。 然后，我需要考虑用户可能的实际应用场景，比如表单提交用POST，获取数据用GET。还要注意代码示例的正确性，确保使用正确的语法，比如模板字符串和参数传递方式。此外，引用资料中的信息需要正确标注，比如引用[1]关于安全性的部分，引用[5]的POST示例。 可能会遇到的问题包括混淆GET和POST的使用场景，或者参数传递方式的错误。需要明确区分，比如GET使用params，而POST使用data。同时，要提到性能优化，如GET的缓存机制可能提升性能，而POST每次都要发送请求体。 最后，生成相关问题时要围绕Vue3和Axios的深入使用，比如错误处理、拦截器、参数格式等，帮助用户进一步学习。确保回答结构清晰，分点明确，符合用户要求的格式，并正确引用来源。</think>### Vue3中Axios的GET与POST请求差异及用法对比 #### 一、核心区别 1. **参数传递方式** - **GET请求**：参数通过URL的查询字符串（Query String）传递，例如： `$axios.get('/api/user?id=123&name=John')` 或在配置中使用`params`属性： ```javascript axios.get('/api/user', { params: { id: 123, name: 'John' } }) ``` 参数会被编码到URL中[^1]。 - **POST请求**：参数通过请求体（Request Body）传递，通常用于提交表单或JSON数据： ```javascript axios.post('/api/user', { id: 123, name: 'John' }) ``` 2. **安全性** GET请求的参数直接暴露在URL中，可能被浏览器历史记录或服务器日志保存，不适合传输敏感信息（如密码）[^1]。POST请求数据在请求体中，安全性相对更高。 3. **数据长度限制** - GET受URL长度限制（通常不超过2048字符） - POST理论上无限制，适合传输大量数据（如文件上传） 4. **缓存机制** GET请求可能被浏览器缓存，POST请求默认不会缓存。 --- #### 二、Vue3中的具体用法 **1. 全局配置（推荐）** 通过`main.js`全局挂载axios： ```javascript import { createApp } from 'vue' import axios from 'axios' const app = createApp(App) app.config.globalProperties.$axios = axios ``` **2. GET请求示例** ```javascript // 在Vue组件中 this.$axios.get('/api/data', { params: { page: 1, limit: 10 } }).then(response => { console.log(response.data) }).catch(error => { console.error('请求失败:', error) }) ``` **3. POST请求示例** ```javascript this.$axios.post('/api/submit', { username: 'admin', password: 'secure123' }, { headers: { 'Content-Type': 'application/json' } }).then(response => { console.log('提交成功:', response.data) }) ``` --- #### 三、性能与应用场景对比 | 特性 | GET请求 | POST请求 | |-----------------|----------------------------------|-----------------------------------| | **数据可见性** | URL中可见 | 请求体中不可见 | | **书签/分享** | 可保存为书签 | 不可直接保存 | | **幂等性** | 是（多次请求结果相同） | 非幂等（可能产生副作用） | | **典型场景** | 获取数据（搜索、分页） | 提交数据（登录、表单） | --- #### 四、进阶注意事项 1. **URL动态参数** GET请求可使用模板字符串： ```javascript axios.get(`/api/users/${userId}`) ``` 2. **POST参数格式** 可通过`transformRequest`处理数据格式： ```javascript axios.post('/api/data', data, { transformRequest: [(data) => JSON.stringify(data)] }) ``` 3. **性能优化** GET请求可配合`paramsSerializer`序列化复杂参数： ```javascript axios.get('/api/data', { params: { filters: { status: ['active', 'pending'] } }, paramsSerializer: params => qs.stringify(params, { arrayFormat: 'repeat' }) }) ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值