vue.js - Axios Post 数据未在 API 中发送

Question

我是一个新手，我想显示在表单数据中输入的数据以在 api 中发布。但是，每当我单击按钮时，它都会获取数据，但在 api 的 web 服务日志中它没有收到插入的数据：

这是我获取api的代码：

开发者.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',
    BASE_API: '"api(link)?method=auth"'
})

登录.vue

  methods: {
    onbuttonClicked() {
      this.loading = true
      this.$store
        .dispatch('Login', this.data)
        .then(() => {
          console.log('Success');
          this.loading = false
          this.$router.push({ path: this.redirect || '/' })

        })
        .catch(() => {
          console.log('Unsuccessful');
          this.loading = false 
        })
    }
  }

登录.js

import request from '@/utils/request'

export function login (username, password) {
console.log("LOGIN username : " + username);
console.log("LOGIN password : " + password);
  return request({
    url: '/login',
    method: 'post',
    data: {
      username: username,
      password: password
    }
  })
}

用户数据.js

    Login({ commit }, userInfo) {
        const username = userInfo.username.trim()

        console.log("USER.JS username: " + username);
        console.log("USER.JS password: " + userInfo.password);

        return new Promise((resolve, reject) => {
            login(username, userInfo.password)
                .then(resp => {
                    const data = resp.data.data
                    console.log(data);
                    console.log("USER.JS RESPONSE: " + resp.data.status);
                    console.log("USER.JS RESPONSE: " + resp.data.message);

                    setToken(data.token)
                    commit('SET_TOKEN', data.token)

                    resolve()
                })
                .catch(error => {
                    console.log(error)
                    reject(error)
                })
        })
    }

结果在检查器的控制台日志中打印数据

结果 WEBSERVICE 日志中没有添加输入的数据

标签： vue.jsaxios