后端应用的用户登录接口要求使用 POST 这种 HTTP 方法请求使用，在请求的主体里还需要包含用户名还有密码。

打开之前我们定义的一个组合，use-api-fetch，改造一下这个组合可以再给它添加一个 options 参数，类型设置成 UseApiFetchOptions，在上面定义一个类型，名字叫 UseApiFetchOptions，在它里面暂时先添加一个 method? 类型是 string，它的值是请求时使用的 HTTP 方法，再添加一个 body? 类型是 Record 。

然后在 useFetch 的选项参数里，用展开操作符，把 options 参数里的东西放到这里。

login.vue

打开 login 页面组件，修改一下组件里定义的 login 这个方法，用 async 标记一下它，然后解构一下执行 useApiFetch 返回的结果，把请求得到的数据解构出来。

请求的接口地址是 login，提供一个选项参数，把 method 设置成 post，也就是把 HTTP 请求的方法设置成 POST。

添加一个 body 属性，它的值就是在请求里包含的数据，添加一个 name，值是 name.value，再添加一个 password，值是 password.value 。 下面在控制台上输出 data.value 的值。

在浏览器测试一下，输入用户名，比如李白，再输入一个错误的密码，然后点击登录。因为密码不对，所以 data.value 的值是 null。再输入一个正确的密码，然后再点击登录。

服务端的登录接口响应的数据里面，会包含成功登录的这个用户的 id，name 还有给它他签发的令牌。