先了解我们的服务端应用的这个上传文件用的接口，当时在设计这个接口的时候，我们要求要用 POST 这种 HTTP 方法使用这个接口。接口地址是 /files ， 这里可再通过 post 这个查询符设置一下这个要上传的文件所属的内容的 id 。

比如我的这个应用的数据仓库里有一个 id 是 27 的内容，如果想给这个内容关联一个文件的话，在上传这个文件的时候，可以把 post 这个查询符的值设置成 27 。

请求里面可以带着 Form 数据，这里可以添加一个 file 字段，它的值应该是文件， 点击这个选择文件，选择在电脑上的一个文件。 发送一下这个请求，提示要先登录。

这里可以先请求一下用户登录接口，用 王皓 这个用户的身份请求登录，成功以后复制一下服务端响应过来的给用户签发的令牌。

再回到上传文件请求，身份验证选择 Bearer Token ，把复制的令牌粘贴到这里。 然后重新再发送一下这个请求。

在应用的数据仓库里观察一下 file 这个数据表，最后这条记录就是刚才创建的文件数据，注意这条记录的 postId 的值是 27 ，这条文件数据的 id 是 26。

如果想要访问这条文件记录对应的文件，可以请求一下应用的文件服务接口，用 GET 方法，请求的地址是 files ，后面是文件的 id ，后面再加上一个 serve ，然后可以用 size 这个查询符设置一下需要的尺寸。

这里显示的就是刚才我们上传的这个图像。 回到应用的数据仓库，选中这条文件记录，可以把它从数据仓库里删除掉。

下面再回到终端，确定一下我们的应用的客户端已经运行了，服务端也已经运行了。

然后可以去创建一个新的分支，在 vue 项目所在的目录的下面，先查看一下项目当前的分支，显示是在 auth 这个分支上，这是我们之前介绍用户登录的时候创建的一个分支。

下面可以基于这个分支再去创建一个新的分支，名字是 upload-files ，基于 auth 去创建这个新的分支，在这个课程里我对项目的修改都会保存在这个新的分支上。