在登录页面上,添加一个表单组件all slog in
,其中包含name
和password
两个状态,初始值为空字符串。创建一个log in
箭头函数方法,用于处理登录请求,通过useState
hook设定状态修改器setName
和setPassword
。请求成功后,会获得后端服务提供的用户登录接口的响应数据。登录表单包含输入用户名和密码的字段,通过绑定onSubmit
和onChange
事件来处理用户输入,并阻止默认提交行为。在样式表app.css
中定义文本和密码输入框的样式。用户输入用户名(如“李白”)和密码(“123123”)后,点击登录按钮,如果服务器处理成功,响应数据包含用户的ID和令牌。前端在后续请求服务接口时需在头部包含令牌,以便服务端识别用户身份。