前端(Cursor)-登录

编写提示语
请根据截图中的登录页面的原型 和 提供的接口文档，帮我完成员工登录功能的页面制作。

1. 登录接口的基本信息如下：
   1.1 请求路径: /login
   1.2 请求方式: POST
   1.3 接口描述: 该接口用于员工登录智学云帆-教学管理系统，登录完毕后，系统下发JWT令牌。
   1.4 请求参数样例:

     {
         "username": "songjiang",
         "password": "123456"
     }
   

   1.5 响应数据样例:

     1.5.1 登录成功
     {
         "code": 1,
         "msg": "success",
         "data": {
             "id": 2,
             "username": "songjiang",
             "name": "宋江",
             "token": "eyJhbGciOiJIUzI1NiJ9.eyJpZCI6MiwidXNlcm5hbWUiOiJzb25namlhbmciLCJleHAiOjE2OTg3MDE3NjJ9.w06EkRXTep6SrvMns3w5RKe79nxauDe7fdMhBLK-MKY"
         }
     }
     1.5.2 登录失败
         {
            "code": 0,
            "msg": "用户名或密码错误",
            "data": null
         }
   

   1.6 备注说明: 用户登录成功后，系统会自动下发JWT令牌，然后在后续的每次请求中，都需要在请求头header中携带到服务端，请求头的名称为 token ，值为 登录时下发的JWT令牌。 如果服务端检测到用户未登录，则直接响应 401 状态码，如果服务端响应的状态码为 401，前端需要跳转到登录页面。
2. 请根据上述页面原型及接口文档的描述，帮我完成登录页面的开发。
   页面原型图如下：
   点击submit
   代码运行测试
   首先，我们将之前注释掉的后端代码：放开+重启
   然后通过前端页面访问：https://rwcezvlxrwzm.sealoshzh.site/login
   如果你的代码存在一些bug，优化一下即可。比如我的退出登录没反应，我就输入：
   退出登录按钮没反应
   完美~~~