vue 使用 axios 前后端数据传输 Post请求参数问题

后端 java 接口，前端 vue

第一种方法:使用 qs 模块处理参数（推荐使用）

1、安装

npm install axios qs --save 

2、引入

//引入 axios
import axios from 'axios'
Vue.prototype.$http=axios; // 将 $http 替换成  axios 
Vue.prototype.$http.defaults.baseURL = 'http://192.168.31.13:41000' //请求地址的公有部分

import qs from 'qs';
Vue.prototype.$qs = qs;

3、使用

login(){ 
        var params = {
          account: this.account,
          password: this.password
        }

        this.$http.post("/api/admin/login", this.$qs.stringify(params))
        .then(function (data) {
          console.log(data)
        })
        .catch(function (error) {
          console.log(error)
        })
      }

第二种方法：使用URLSearchParams对象处理参数

1、安装axios

npm install axios --save 

2、main.js  引入

//引入 axios
import axios from 'axios'
Vue.prototype.$http=axios; //将 $http 变量替换成 axios
Vue.prototype.$http.defaults.baseURL = 'http://192.168.31.13:41000' //公有请求地址

3、发送post请求

login(){  
        var params = new URLSearchParams();
        params.append('account', this.account);
        params.append('password', this.password);

        this.$http.post("/api/admin/login", params)
        .then(function (data) {
          console.log(data)
        })
        .catch(function (error) {
          console.log(error)
        })
      }