当前位置:首页 > 前端开发 > axios post提交的Content-Type

axios post提交的Content-Type

6个月前 (05-28)62

使用axios的坑

jQuery.ajaxpost提交默认的请求头的Content-Type: application/x-www-form-urlencoded
axios.post提交的请求头是Content-Type: application/json

application/json是一个趋势,但是如果改一个旧项目,把jQuery.ajax全部换成axios.post时,需要对请求做一些配置。

改之前的代码:

// 没有指定请求头的content-type
var data = {age: 18}; $.ajax({ url: '', type: 'POST', data: data dataType: 'json', success: function(result) { // do something } })

使用axios的代码

import axios from 'axios';
import qs from 'qs'; var data = {age: 18}; var url = ''; axios.post( url, qs.stringify(data), {headers: {'Content-Type': 'application/x-www-form-urlencoded'}} ).then(result => { // do something })

作者:庞国明
来源链接:https://www.cnblogs.com/pangguoming/p/9078028.html

标签: Axios

“axios post提交的Content-Type” 的相关文章

axios方式接口调用

接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步理解 Java...

vue使用axios配置拦截器添加token和进度条

vue使用axios配置拦截器添加token和进度条 vue中安装axios文档:http://www.axios-js.com/docs/vue-axios.html ax...

vue.js及项目实战[笔记]— 04 axios

一. axios 1. 基本使用 axios.method('url',[,...data],options) .then(function(res){ }) .catch(...

原创:【ajax | axios跨域简单请求+复杂请求】自定义header头Token请求Laravel5后台【亲测可用】

原创:【ajax | axios跨域简单请求+复杂请求】自定义header头Token请求Laravel5后台【亲测可用】

如标题:我想在ajax的header头增加自定义Token进行跨域api认证并调用,api使用laravel5编写,如何实现? 首先,了解下CORS简单请求和复杂请求。   ...

vue axios全攻略

转载:https://www.cnblogs.com/libin-1/p/6607945.html 功能特性 在浏览器中发送 XMLHttpRequest...

axios为什么创建实例?为什么创建不同实例

axios创建实例作用是啥 可以不用吗? 默认会导出实例axios,通常只需使用这个axios就可以了。 但是有时候你需要创建多个实例,比如你需要访问多个服务地址,而这些服务请求和...

axios 响应数据为空

axios 响应数据为空

背景 在使用 axios 请求一个网站的时候发现 response.data 为空,且响应头内容也不是常见的响应头 而在浏览器上去访问是正常的 且使用 postma...

React中利用axios来实现数据请求

React中利用axios来实现数据请求

  axios是基于Promise来封装的,通常我们会用axios在数据请求这块作如下配置: 一、拦截器 有注释,不难理解,通常请求头参数不是写死的,...

axios封装:

网络请求包含 请求航 请求头,请求体, axios默认发送的数据时json格式 //发起get请求 axios.get...

前端Axios-Day44

JSON Server:模拟服务器环境插件 1.进行全局安装:npm i -g json-server 2.创建db.json文件并写入相关数据: { "...