基于vue 添加axios组件,解决post传参数为null的问题
好，下面上货。
1、安装axios
npm install axios --save
2、添加axios组件
import axios from 'axios' axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; axios.defaults.baseURL = 'http://localhost:7878/zkview'; Vue.prototype.$ajax = axios;
3、get请求
testGet: function () {
this.$ajax({
method: 'get',
url: '/test/greeting',
params: {
firstName: 'Fred',
lastName: 'Flintstone'
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
},
4、post请求
testPost: function () {
var params = new URLSearchParams();
params.append('name', 'hello jdmc你好');
params.append('id', '2');
this.$ajax({
method: 'post',
url: '/test/greeting2',
data:params
// data: {id: '3', name: 'abc'}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
})
}
5、运行结果：
6、注意：
在使用post方式的时候传递参数有两种方式，一种是普通方式，一种是json方式，如果后台接受的是普通方式，那么使用上述方式即可。
普通的formed方式
var params = new URLSearchParams();
params.append('name', 'hello jdmc你好');
params.append('id', '2');
data:params
后台接收参数：
public Student greeting2(int id,String name) {
json方式
data: {id: '3', name: 'abc'}
后台接收参数
public Object greeting2(@RequestBody Object student) {
以上这篇基于vue 添加axios组件,解决post传参数为null的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
我得到以下findbugs错误： “方法调用为非null参数传递null：为getApiStatus（ApiResponse）的非null参数传递null” 如果CallApi方法中的apiResponse为null（为了简洁起见，这里没有显示），它只会抛出一个异常，该异常在HandLeapIEException中被捕获，如果我们不能对该异常执行任何其他操作，它会再次抛出。 在这段代码片段的基础上
-
本文向大家介绍VUE子组件向父组件传值详解（含传多值及添加额外参数场景），包括了VUE子组件向父组件传值详解（含传多值及添加额外参数场景）的使用技巧和注意事项，需要的朋友参考一下 一、子组件向父组件传递一个值 子组件： 父组件： 在使用子组件时，绑定change函数的事件处理函数也可以写成如下格式： 绑定事件处理函数时，可以不带括号，形参则默认为事件对象，如果绑定时带上了括号，再想使用事件对象则需
-
本文向大家介绍解决vue 单文件组件中样式加载问题，包括了解决vue 单文件组件中样式加载问题的使用技巧和注意事项，需要的朋友参考一下 在写单文件组件时，一般都是把标签、脚本、样式写到一起，这样写个人感觉有点不够简洁，所以就想着把样式分离出去。 采用import加载样式 在局部作用域（scoped）采用@import加载进来的样式文件，想法是美好的。以为这样加载进来的样式文件也只对当前组件有效；可
-
我正在试用Vue 2.0和axios，我遇到了一个小问题。当我尝试使用axios向我的帖子发送帖子请求时。php文件$\u POST数组始终为空。 岗位职能： 邮递php 请求已完成，状态为200，但返回空对象“[]” 注意：当我将postendpoint更改为jsonplaceholder工具时，它可以正常工作。
-
我正在尝试将计数器列(和)添加到数据帧中，但使用等没有成功。下面是输入数据帧()和所需输出数据帧()以及几个错误输出的代码的代表。 通过排列两个变量来添加计数器列(dplyr) https://community.rstudio.com/t/how-to-add-a-counter-to-each-group-in-dplyr/12986/2 https://dplyr.tidyverse.org
-
本文向大家介绍基于vue-resource jsonp跨域问题的解决方法，包括了基于vue-resource jsonp跨域问题的解决方法的使用技巧和注意事项，需要的朋友参考一下 最近在学习vue.js 碰到个ajax跨域请求的问题，之前知道可以用jsonp解决，但是一直没实践过，这次用发现里面好多问题，所以现在记录下来，希望可以给刚接触使用jsonp的同学一点帮助！ 关于什么是jsonp，以及为
-
本文向大家介绍vue+axios全局添加请求头和参数操作，包括了vue+axios全局添加请求头和参数操作的使用技巧和注意事项，需要的朋友参考一下 走登录的接口都会返回一个token值，然后存起来方便之后调接口的时候给后台传过去，传给后台的方式有两种：（具体使用哪种需要和后台商量） 1、放在请求头中 2、放在接口的参数中 1、放在请求头中 下面代码是从本地cookie中拿token VueCook
-
本文向大家介绍解决vue组件props传值对象获取不到的问题，包括了解决vue组件props传值对象获取不到的问题的使用技巧和注意事项，需要的朋友参考一下 先说问题，父组件利用props向子组件传值，浏览器 console 有这个值，但是获取不到内部的属性，困了我3个小时，真的** personal console 以下为原代码 1、home.vue（父组件）--personal是被传的参数 2、