axios post 踩坑之 post传参

最新推荐文章于 2025-02-06 17:02:45 发布

山清水秀iOS

最新推荐文章于 2025-02-06 17:02:45 发布

阅读量758

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cythia/p/9708353.html

本文介绍在Vue2.0项目中，如何通过结合使用Axios和QS库解决POST请求时后台无法获取数据的问题。通过安装并引入QS，使用qs.stringify方法将参数转换为字符串，成功实现数据传递。

今天在项目(vue2.0)使用axios进行post请求的时候,使用官方文档的格式传递给后台的数据是一整个json对象,参数已经传递出去了,但是后台获取不到,()

解决方法

利用aixos结合qs来解决

首先先安装qs

npm install axios qs --save

然后在main.js文件中引入

import axios from 'axios'
import 'mint-ui/lib/style.css'
import qs from 'qs';
Vue.prototype.$ajax = axios // 把axios换成$ajax变量
Vue.prototype.$qs = qs;

安装好之后,在请求数据的地方就使用qs.stringify转一下参数就好了


this.$ajax
          .post("yyt.base.personal.card.create",this.$qs.stringify(param))
          .then(res => {
            let result = res.data;
            if (result.result_code == 0) {
              history.go(-1)
            } else {
              Toast(result.result_message);
            }
          });