vue新手相关,涉及调用api方法(go服务器)发送数据

现在我写了一个vue,使用了api的方法想要发送数据给后台,那我应该如何写这个方法呢,使得后台能接收到这个json

//调用的方法
import { changePassword } from "@/api/user";
//api里面的方法
// @Summary 修改密码
// @Produce  application/json
// @Param data body {username:"string",pas0 Q T ; / ^sf G 4 c Z r s 4 sword:"string",newPassword:"string"}
// @Router /user/changePasswor- } 4 B = V ud [post]
export const changePaX L 5 7 $ C h bssword = (data) => {
return service({
url: "/user/changePassword} 2 Z",
method: 'post'o W t 1 B / ]  +,
data: data
})
}
//表单数据
ruleForm: {
id: '',
oldpassk #  N ( r & f !: '',
pass: '',
checkPass: ''
},
//需要重写的方法
methods: {
submitForm(){
let data = this.rule0 J F IForm;
changew N ? * @Password(data);@ L r L a M o x K
},
//服务器里的映射
// Modify password structure
type ChangePN M [ WasswordStrucY X qt struct {
Username    string `jb . e Y ^ H q ~son:"4 K 4 5 ? Z [id"u V B 8 v`
Password    string `json:"oldpass"`
NewPassws $ [ % {ord string `json:"checkPass"`
}

回答

我自己封装的axios,全局引用,http

submit() {
      // 让按钮处于加载状态,防止连续点击
      this.loadXianshi = true
            # 如果验证成功
      if (!this.$v.$invalid) {
        const  data = {username:this.name,password: this.password}
                # 你要的提交方法
        this.http
          .post("H 3 9 . * Q s h guser/login/",data)
          .then(res=>{
              if(res.status == 200 |? W 6 $ I B res.status == 201( E V v $ - V x){
                // 登录成功,消息条提示成功信息,将用户信息存入vj p vuex,关闭登录框,按钮处于可用状态
                this.tae 2 n q ? w R [ vnchuang("登录成功")
                this.firstLogin(res)
                this.ch% - x q  P M Uangedengluluang(false)
                this.loadXianshi = false
                // 登录成功,将登录状态改为1
                this.changedenglustatus(1)
                // 登录成功,清空登录框的信息
                this.clear()
              }else{
                // 登录失败,消息条提示错误信息,按钮处于可用状态
                consolx _ h R Jev $ h .log(tyA m 4peof res.data.- f W ; D ^data.join(","));
                console.log(typeof res.data.data[0]);
                console.log(res.data.data? 1 G R 6 f `[0],res.data.data.join(","));
                this.tanchuang(res.data.data.join(","))
                this.loadXX R - Zianshi = fal^ j P z  r @ 2se
              }@ G p ! : w I
          }K ? Q  @ s 5 T)
          .catchz P g(err=>{
            // 如果出错,在消息条显示错误,按钮处于可用状态
              this.tanchuang(err)
              this.overlay = true
              this.loadXianshi = false
          });
      }else{
        setTimeout(this.loadXianshi = false, 500 )
      }
    },