首页 web前端 js教程 如何解决vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题

如何解决vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题

May 19, 2018 pm 02:46 PM
axios 发送 集成

vue 集成axios之后,发送的post请求默认为payload 方式。 如果想改为正常的方式,需要增加headers头,并且将发送是数据json格式改为 querystring的方式。

安装依赖

cnpm install qs
登录后复制

导入依赖

import Qs from 'qs'
登录后复制

在需要使用post的地方使用下面的方法,其中postData是一个json对象

this.$http({
    url: '/api/act/yourApi.api',
    method: 'POST',
    headers: {        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    },
    data: Qs.stringify(postData)
})
    .then(res => {
        console.log(res);
    })
    .catch(err => {
        console.log(err);
    })
登录后复制

这样,发送的数据就是以 form-urlencodoed的方式发送了。

以上是如何解决vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题 的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Vue中数据请求的选择:Axios or Fetch? Vue中数据请求的选择:Axios or Fetch? Jul 17, 2023 pm 06:30 PM

Vue中数据请求的选择:AxiosorFetch?在Vue开发中,处理数据请求是一个非常常见的任务。而选择使用哪种工具来进行数据请求,则是一个需要考虑的问题。在Vue中,最常见的两种工具是Axios和Fetch。本文将会比较这两种工具的优缺点,并给出一些示例代码来帮助你做出选择。Axios是一个基于Promise的HTTP客户端,可以在浏览器和Node.

抖音上如何发给别人文件?上发给别人文件怎么删除? 抖音上如何发给别人文件?上发给别人文件怎么删除? Mar 22, 2024 am 08:30 AM

在抖音上,用户不仅可以分享自己的生活点滴和才艺,还可以和其他用户互动交流。在这个过程中,有时候我们需要向其他用户发送文件,比如图片、视频等。那么,在抖音上如何发给别人文件呢?一、抖音上如何发给别人文件?1.打开抖音,进入你想要发送文件的聊天界面。2.点击聊天界面中的“+”号,选择“文件”。3.在文件选项中,你可以选择发送图片、视频、音频等文件。选择你想要发送的文件后,点击“发送”。4.等待对方接受你的文件,一旦对方接受,文件就会传输成功。二、抖音上发给别人文件怎么删除?1.打开抖音,进入你发送文

高效利用Vue和Axios实现前端数据的批量处理 高效利用Vue和Axios实现前端数据的批量处理 Jul 17, 2023 pm 10:43 PM

高效利用Vue和Axios实现前端数据的批量处理在前端开发中,数据的处理是一个常见的任务。当我们需要处理大量数据时,如果没有有效的方法,处理数据将会变得十分繁琐和低效。Vue是一种优秀的前端框架,而Axios是一个流行的网络请求库,它们可以协同工作来实现前端数据的批量处理。本文将详细介绍如何高效利用Vue和Axios来进行数据的批量处理,并提供相关的代码示例

WhatsApp技巧:发送高清照片和视频的方法 WhatsApp技巧:发送高清照片和视频的方法 Sep 10, 2023 am 10:13 AM

WhatsApp推出了一个新选项,允许用户通过消息传递平台以高分辨率发送照片和视频。继续阅读以了解它是如何完成的。WhatsApp发布了一个更新,允许iPhone和Android用户以高分辨率发送照片和视频,最终解决了该服务的低质量媒体共享限制。该选项称为“高清质量”,意味着用户可以以最小的压缩发送更清晰的照片和视频。例如,在iPhone上捕获的图像现在可以以3024x4032分辨率发送,而不是以前的最大920x1280分辨率,而视频可以以1280×718分辨率发送,而不是848×476分辨率。

如何在GitLab中进行项目迁移和集成 如何在GitLab中进行项目迁移和集成 Oct 27, 2023 pm 05:53 PM

如何在GitLab中进行项目迁移和集成引言:在软件开发过程中,项目的迁移和集成是一项重要的任务。GitLab作为一个流行的代码托管平台,提供了一系列方便的工具和功能来支持项目迁移和集成。本文将介绍在GitLab中进行项目迁移和集成的具体步骤,并且提供一些代码示例来帮助读者更好地理解。一、项目迁移项目迁移是将已有的代码库从一个源代码管理系统迁移到GitLab上

如何将HTML表单数据作为文本并发送到html2pdf? 如何将HTML表单数据作为文本并发送到html2pdf? Sep 06, 2023 pm 12:21 PM

html2pdf是一个JavaScript包,允许开发人员将html转换为canvas、pdf、图像等。它将html作为参数并将其添加到pdf或所需文档中。此外,它还允许用户在添加html内容后下载该文档。在这里,我们将访问表单并使用html2pdfnpm包将其添加到pdf中。我们将看到不同的示例,以向pdf添加表单数据。语法用户可以按照以下语法将html表单数据作为文本并将其发送到html2pdf。varelement=document.getElementById('form');html2

如何使用家庭、不同位置和计时器的签到 如何使用家庭、不同位置和计时器的签到 Mar 24, 2024 am 09:31 AM

如何让别人知道你到达了目的地告知他人已安全到达目的地是最常见的“签到”方式,且操作简便。以下是在准备开始下一段旅程前设置的步骤。打开消息与要向其发送签到的人进行对话点击消息字段旁边的加号(+)图标点击签到点击提示底部的编辑输入您要去的目的地选择右上角的“完成”,然后发送“签入”在输入您的目的地时,您可以根据自己的需求选择不同的出行方式,无论是驾车、乘坐公共交通还是步行。确保正确选择您所使用的设备,这样您的设备就能准确估算到达目的地所需的时间。这样可以更好地规划您的行程,让您更加便捷地到达目的地。

Oracle API集成策略解析:实现系统间无缝通信 Oracle API集成策略解析:实现系统间无缝通信 Mar 07, 2024 pm 10:09 PM

OracleAPI集成策略解析:实现系统间无缝通信,需要具体代码示例在当今数字化时代,企业内部系统之间需要相互通信和数据共享,而OracleAPI就是帮助实现系统间无缝通信的重要工具之一。本文将从OracleAPI的基本概念和原理入手,探讨API集成的策略,最终给出具体的代码示例帮助读者更好地理解和应用OracleAPI。一、OracleAPI基本

See all articles