Vue-resource中post请求将data数据以request payload转换为form data的形式

今天在做项目的时候需要往api中发送一个json格式的对象，但是怎么改都不行，当然，使用的vue 的 http方法。

而且，开始使用时 vue-resource中post请求时的一个坑，vue-resource中post发送的数据默认以request payload的形式，而一般我们使用的都是form data的形式。

后来发现，只需要在main.js中加入：

Vue.http.options.emulateJSON = true;
Vue.http.options.headers = {
  ‘Content-Type‘: ‘application/x-www-form-urlencoded;charset=UTF-8‘
};

即可。

时间： 2025-01-01 07:58:18

Vue-resource中post请求将data数据以request payload转换为form data的形式的相关文章

vue resource 携带cookie请求 vue cookie 跨域

vue resource 携带cookie请求 vue cookie 跨域 1.依赖VueResource 确保已安装vue-resource到项目中,找到当前项目,命令行输入: npm install vue-resource --save 在主方法添加过滤 Vue.http.interceptors.push(function(request, next) {//拦截器 // 跨域携带cookie request.credentials = true; next() }) 以下是针对每个请

PHP中导出Excel，将数据以Excel形式导出

现在,很多地方都需要导出数据,这里说一种简单的方法将数据以Excel的形式导出,方法如下: 1 <?php 2 date_default_timezone_set('PRC');//设置时区 3 4 /*设置head头信息*/ 5 Header("Content-Type:application/vnd.ms-excel;charset=UTF-8"); 6 Header("Accept-Ranges:bytes"); 7 Header("Conte

vue.js中ajax请求

<div id="app"> <table style="border-collapse: collapse"> <thead> <tr style="line-height: 30px;"> <th style="width:20px; padding: 0 10px; border: 1px solid #ccc;">id</th> <th st

vue resource 携带cookie请求 vue cookie 跨域(六)

1.依赖VueResource 确保已安装vue-resource到项目中,找到当前项目,命令行输入: npm install vue-resource --save 在主方法添加过滤 Vue.http.interceptors.push(function(request, next) {//拦截器 // 跨域携带cookie request.credentials = true; next() }) 以下是针对每个请求都会携带cookie ,也可以指定接口请求携带cookie this.$

AJAX POST请求中參数以form data和request payload形式在servlet中的获取方式

HTTP请求中,假设是get请求,那么表单參数以name=value&name1=value1的形式附到url的后面,假设是post请求,那么表单參数是在请求体中,也是以name=value&name1=value1的形式在请求体中.通过chrome的开发人员工具能够看到例如以下(这里是可读的形式,不是真正的HTTP请求协议的请求格式): get请求: RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=

vue03----生命周期、nextTick()、ref、filter、computed、vue中异步请求渲染问题（swiper不轮播）（在开发过程中遇到什么问题、踩过的坑）

### 1.vue的组件和实例都有生命周期,而且是一样的生命周期:(组件从创建到销毁的过程) 创建挂载更新销毁组件到达某一个阶段就会自动触发某一些函数,这个函数就叫生命周期的钩子函数. 创建:组件创建的时候触发 beforeCreate created 组件刚创建的数据请求挂载:创建完成挂载前后触发 beforeMount mounted DOM的初始化操作更新:数据发生改变的时候触发 beforeUpdate updated 数据的变化监听,尽量不要在这里

AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式

HTTP请求中,如果是get请求,那么表单参数以name=value&name1=value1的形式附到url的后面,如果是post请求,那么表单参数是在请求体中,也是以name=value&name1=value1的形式在请求体中.通过chrome的开发者工具可以看到如下(这里是可读的形式,不是真正的HTTP请求协议的请求格式): get请求: RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=str

HTTP请求中的Form Data与Request Payload的区别

前端开发中经常会用到AJAX发送异步请求,对于POST类型的请求会附带请求数据.而常用的两种传参方式为:Form Data 和 Request Payload. GET请求使用get请求时,参数会以key=value的形式拼接在请求的url后面.例如: http://m.baidu.com/address/getlist.html?limit=50&offset=0&t=1502345139870 但是受限于请求URL的长度限制,一般参数较少时会使用get请求. POST请求当参数数量

vue.js中的data的用法

data在vue框架中位置不一样,用法也不一样.简单地说,在实例中data是一个对象,在组件中data就得是函数返回对象. new Vue( { data : { title : 'abc' } } ); Vue.component( 'component-name', Vue.extend( { data : function() { return { title : 'abc' }; } } ) );