import axios from 'axios';
// 創(chuàng)建一個(gè)名為 $axios 的全局變量
Vue.prototype.$axios = axios

<template>
  <view class="container">
    <view class="form">
      <view class="form-item">
        <text class="label">用戶名:</text>
        <input type="text" v-model="userId" class="input" placeholder="請(qǐng)輸入用戶名">
      </view>
      <view class="form-item">
        <text class="label">密碼:</text>
        <input type="password" v-model="password" class="input" placeholder="請(qǐng)輸入密碼">
      </view>
      <view class="form-item">
        <button @click="login" class="button">登錄</button>
      </view>
      <view v-if="error" class="error">{{ error }}</view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      userId: '',
      password: '',
      error: ''
    };
  },
  methods: {
    login() {
      // 發(fā)送登錄請(qǐng)求
      this.$axios({
        method: "post",
        url: "http://localhost:8080/api/user/login",
        data: {
          userId: this.userId,
          password: this.password,
        },
      })
      .then((res) => {
        console.log(res);
        if (res.data.code == "200") {
          // 登錄成功，顯示成功提示信息
          this.$message({
            message: res.data.message,
            type: "success",
          });
          // 跳轉(zhuǎn)到后臺(tái)主頁(yè) （編程式導(dǎo)航）
          this.$router.push("/pages/index/index");
        }
      });
    }
  }
}
</script>

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:9090',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
};