首先 我们要清楚axios post提交方式默认数据提交格式为application/json

方法一:利用vue qs模块

1、首先是在cmd找到项目根目录,输入npm install qs,然后在main.js中导入qs模块,并交给vue使用     

import qs from 'qs';

Vue.prototype.qs=qs

2、使用qs,在前台对data登录数据进行格式转换,代码如下:

// axios进行登录
    login() {
      // 表单登录预验证 valid 布尔值
      this.$refs.loginFormRef.validate((valid) => {
        if (!valid) return; //false 不发请求
        //axios发请登录请求  loginForm 是element-ui组件
        //this.qs.stringify解析后再发送
        this.axios
          .post("/login", this.qs.stringify(this.loginForm))
          .then((res) => {
            console.log(res);
          });
      });
    },