vue中axios改变header为application/x-www-form-urlencoded不起作用

axios默认的头是这个，一般get请求是这个头
config.headers[‘Content-Type’] = ‘application/json’

如果post接口，后端给的头是application/x-www-form-urlencoded

需要引入qs,然后转码，qs是axios自带可直接使用，不用安装

import Qs from 'qs'
//然后把参数转码
export function setPeople (body) {console.log('查看参数', body)return request({url: '/v1/setPeople',method: 'post',data: Qs.stringify(body),headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
}

当然，也可以直接在请求拦截器里拦截，设置头和data
config.headers[‘Content-Type’] = ‘application/x-www-form-urlencoded’
config.data = Qs.stringify(config.data)

vue中axios改变header为application/x-www-form-urlencoded不起作用相关推荐

vue中axios如何实现token验证
title: vue中axios如何实现token验证 date: 2018-02-08 17:50:07 tags: [axios,vue] 继上篇实现Auth认证之后,然后每个跳转页面都会在后端验 ...
vue中axios封装请求
执行 GET 请求 // 向具有指定ID的用户发出请求 axios.get('/user?ID=12345') .then(function (res) {console.log(res); }) . ...
axios 超时_聊聊 Vue 中 axios 的封装
axios 是 Vue 官方推荐的一个 HTTP 库,用 axios 官方简介来介绍它,就是: Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中. 作为一 ...
解决在vue中axios请求超时的问题
解决在vue中axios请求超时的问题参考文章: (1)解决在vue中axios请求超时的问题 (2)https://www.cnblogs.com/zhouyangla/p/8757149.htm ...
vue中Axios网络请求之Vue知识点归纳(十)
本文描述 vue 中 Axios 简述 vue 中使用 Axios 发起 get 请求 vue 中使用 Axios 发起 post 请求 1 简述 Axios是一个基于Promise(ES6中用于处理 ...
vue中axios访问Java后端跨域问题解决
vue中axios访问Java后端跨域问题解决参考文章: (1)vue中axios访问Java后端跨域问题解决 (2)https://www.cnblogs.com/soinve/p/9295009 ...
解决vue中axios同步的问题
解决vue中axios同步的问题参考文章: (1)解决vue中axios同步的问题 (2)https://www.cnblogs.com/zhupanpan/p/11319305.html 备忘一下 ...
VUE中动态改变字体大小
VUE中动态改变字体大小父组件将自己的数据传递送给子组件展示,子组件监听click操作,emit发送出去,父组件监听通过emit发送的信息,改变控制字体大小的postFontSize,通过style ...
vue中axios的封装以及使用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中.axios 在src下新建 network 文件夹 network文件夹: 网络模块放网络请求 ind ...

vue中axios改变header为application/x-www-form-urlencoded不起作用

vue中axios改变header为application/x-www-form-urlencoded不起作用

vue中axios改变header为application/x-www-form-urlencoded不起作用相关推荐

最新文章

热门文章