nuxtjs中this.$axios.post 无效问题

Question

如题，axios的post根本无效，连post请求都发不出去，请各dalao解答一下谢谢

  <Form
          inline
          ref="loginFormRef"
          :model="loginData"
          :rules="rule"
        >
          <FormItem
            prop="user"
            class="form-item"
          >
            <Input
              type="text"
              icon="person"
              v-model="loginData.id"
              @on-enter="loginSubmit"
              placeholder="登录账号"
            ></Input>
          </FormItem>
          <FormItem
            prop="password"
            class="form-item"
          >
            <Input
              type="password"
              icon="ios-locked"
              v-model="loginData.password"
              @on-enter="loginSubmit"
              placeholder="账户密码"
            ></Input>
          </FormItem>
          <FormItem
            prop="radio"
            class="form-item"
          >
            <RadioGroup
              v-model="loginData.radio"
              @on-enter="loginSubmit"
            >
              <Radio label="staff">工作人员</Radio>
              <Radio label="admin">管理员</Radio>
            </RadioGroup>
          </FormItem>
          <FormItem class="form-item">
            <Button
              class="loginBtn"
              type="primary"
              :loading="loading"
              @click="loginSubmit"
            >
              登 录
            </Button>
          </FormItem>
        </Form>

 methods: {
    loginSubmit: function () {
      this.loading = true
      this.$refs.loginFormRef.validate(async valid => {
        if (!valid) {
          this.loading = false
          this.$Message.error({
            content: '请正确填写登录账户和密码！',
            duration: 2,
            closable: true
          })
        } else {
          let self = this;
          self.$axios.post('/login/signin', {
            username: window.encodeURIComponent(self.loginData.id),
            password: CryptoJS.MD5(self.loginData.password).toString()
          }).then(({ status, data }) => {
            if (status === 200) {
              if (data && data.code === 0) {
                location.href = '/teahouse'
              } else {
                self.error = data.msg
              }
            } else {
              self.error = `服务器出错`
            }
          })
        }
      })
    }
  }

import axios from 'axios'

const instance = axios.create({
  baseURL: `http://${process.env.HOST || 'localhost'}:${process.env.PORT || 3000}`,
  timeout: 2000,
  headers: {

  }
})

export default instance

下面这个图片是在检测后台之后发现后台的接口没有问题

Answer 1

尼玛的思路错了，没塞请求头