springboot vue接口测试前后端实现模块树列表功能

基于 springboot+vue 的测试平台

开发继续更新。

上一篇完成了模块树的列表接口，接下来可以和前端页面联调了。

一、存放接口的js文件

老样子，新建js文件，把要调用的后端接口请求封装在 src/api/apiModule.js这里：

import request from '@/utils/request'
 
export function getModuleList(projectId) {
  return request({
    url: `/bloomtest/module/list/${projectId}`,
    method: 'get'
  })
}

二、在vue文件中调用接口

我把vue文件名改了下，之前叫index.vue，现在换成了src/views/apiManagement/moduleTreeTable.vue。

对应的把src/router/index.js里的路径也改好，换成重命名之后的 vue 文件名。

springboot vue接口测试前后端实现模块树列表功能_第1张图片

接下来修改 vue 里之前拷贝来的代码，