Vue POST 正确请求姿势

Posted qqcc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue POST 正确请求姿势相关的知识,希望对你有一定的参考价值。

首先:增加vue配置
// qs是axios带有的,无需安装
import Qs from \'qs\'

// 配置axios post请求时发送formData
axios.defaults.transformRequest = [function (data) {

data = Qs.stringify(data);
return data;

}];
GET使用方式
数据放于params中

  this.axios({
    method: "GET",
    url: "/abc",
    params: {
      a: 1,
      b: 2
    }
  }).then()

POST使用方式
数据放于data中

  this.axios({
    method: "POST",
    url: "/abc",
    data: {
      a: 1,
      b: 2
    }
  }).then()

以上是关于Vue POST 正确请求姿势的主要内容,如果未能解决你的问题,请参考以下文章

fetch获取json的正确姿势

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

02-vue学习篇-以正确的姿势使用vue

Vue3.0正确引入Element UI组件的正确姿势