uni-app-监控网络请求 插件 - uninetconsoledayer

一、介绍

uninetconsoledayer 主要适用于uni-app 开发的app 监控网络请求 类似 vconsole

目前界面是 uni vue2 版本的界面，vue3 版本可以在我的项目基础上适配，思路是相同的，目前网络请求 没有存到 本地缓存或者数据库，如果有必要可以存，目前只是单纯的一个数组存

二、 看看效果

1、支持看 方法的method 成功或者失败 接口请求时间 接口请求地址

2、支持 接口地址、请求头、请求参数、请求返回数据的复制

3、支持接口过滤筛选

三、如何在项目中快速接入使用

1、安装

npm install uninetconsoledayer

2、main.js 引入

import NetworkConsole from 'uninetconsoledayer' Vue.use(NetworkConsole)

3、先项目根目录创建一个getNetworkPanel.js

const { getNetworkPanel, creatPagesJs } = require('uninetconsoledayer/utils'); getNetworkPanel('pages/networkMonitor'); creatPagesJs('./')

4、package.json 加一个命令行

"scripts": { "getNetworkPanel": "node getNetworkPanel.js" },

5、执行命令行

npm run getNetworkPanel

6、页面路由多了一个页面（可以自行设计页面和交互逻辑）和pages.json 多了一个路由地址

7、自行扩展一个跳转入口，即可查看接口请求

路由跳转地址

goNetworkMonitor() { uni.navigateTo({ url: '/pages/networkMonitor/index' }); },