用Vue框架和後臺請求的時候傳遞的參數的方式 原

post請求的時候一般有兩種方式，一種是json字符串的方式，一種是form-data表單提交的方式

json字符串提交的方式：

var param = {
          'userid':this.username,
          'password':this.password
        };

axios.post('/blastoise/config/config/loginPost', param).then((response) => {
  if(response.data.success==true){
    //登陸成功之後保存登錄的用戶名，方便跳轉頁面的時候讀取
    localStorage.setItem('username',this.username);
    //登陸成功之後跳轉頁面
    this.$router.push('/main')
  }else{
    this.$message.success(response.data.message);
  }
}).catch((error) => {
  //this.$message.error('請求失敗');
  console.log(error);
});

提交請求的圖片例子：

另一種是form-data表單提交的方式：

<script>
import axios from 'axios';
var querystring = require('querystring');
export default {
        data() {
            return {
              username:'', //賬戶
              password:'', //密碼
            }
        },
        methods:{
          login(){
            var param = {
                  'userid':this.username,
                  'password':this.password
                };
            //querystring.stringify（）這種是將數據轉成form data的形式
            param = querystring.stringify(param);
            //console.log(param);
            //打印的格式是form表單的格式：userid=1&password=test
            axios.post('/blastoise/config/config/loginPost', param).then((response) => {
              if(response.data.success==true){
                //登陸成功之後保存登錄的用戶名可以讀取
               localStorage.setItem('username',this.username);
               //登陸成功之後跳轉頁面
                this.$router.push('/main')
              }else{
                this.$message.success(response.data.message);
              }
            }).catch((error) => {
              //this.$message.error('請求失敗');
              console.log(error);
            });
          },
        }
    }
</script>

提交表單請求的接口例子：

資料參考：http://www.jb51.net/article/58358.htm

資料關鍵字：querystring.stringify()