Skywalking新版本浏览器端监控

注：服务端必须是Skywalking8.2

一：

安装依赖

npm install skywalking-client-js --save

我本地的后台项目是嵌入了前端ui的所以安装的时候直接进入前端目录下进行安装即可：

安装成功之后如图所示目录

二：引入依赖

import ClientMonitor from 'skywalking-client-js';

在需要监控的页面引入 相应的依赖即可

注意：

skywalking追踪信息收集器有两个，一个是 gRPC的用于后端服务，一个是Http 收集客户端浏览器的采集信息 ，

Http默认端口 12800，gRPC默认端口 11800

前端访问后台服务可能会存在跨域的问题，所以可在前端vue.config.js中配置相关的代理即可，

 

 三：配置成功，访问之后结果如图