add

frontend/src/views/Login.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="auth-page">
+    <el-card class="card">
+      <h3>登录</h3>
+      <el-form :model="form">
+        <el-form-item label="账号">
+          <el-input v-model="form.username" />
+        </el-form-item>
+        <el-form-item label="密码">
+          <el-input v-model="form.password" type="password" />
+        </el-form-item>
+        <el-button type="primary" @click="submit">登录</el-button>
+        <el-button type="text" @click="$router.push('/register')">没有账号？注册</el-button>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { login } from '../api/auth';
+
+export default {
+  data() {
+    return {
+      form: { username: '', password: '' }
+    };
+  },
+  methods: {
+    submit() {
+      login(this.form).then((res) => {
+        const data = res.data.data;
+        localStorage.setItem('token', data.token);
+        localStorage.setItem('user', JSON.stringify(data.user));
+        this.$message.success('登录成功');
+        this.$router.push('/');
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.auth-page {
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.card {
+  width: 400px;
+}
+</style>